ColorTool
Masuk
#BB5A30

#bb5a30 ≈ Sinopia

  • oranye
  • Kecerahan: sedang
  • Saturasi: kuat
  • Hangat
Periksa kontras Jelajahi di grafik Warna acak

#bb5a30 adalah warna dari keluarga “oranye”, dengan kecerahan sedang dan saturasi kuat. Dalam model RGB, warna ini terdiri dari 73,33% merah, 35,29% hijau, dan 18,82% biru; saat dicetak CMYK memakai 0% sian, 51,87% magenta, 74,33% kuning, dan 26,67% hitam. Sudut ronanya 18,13°, dengan saturasi 59,15% dan kecerahan 46,08% dalam HSL. Ini warna hangat yang sering dikaitkan dengan antusiasme, kehangatan, dan kreativitas. Desainer biasanya memakainya untuk tombol ajakan bertindak, merek makanan dan restoran, dan aksen merek. Teks hitam di atas warna ini mencapai rasio kontras 4,62:1 (WCAG AA). Warna bernama terdekat adalah Sinopia (#cb410b), ΔE 6,02.

Deskripsi dibuat dari properti terukur warna ini.

HEX
RGB
RGB persen
CMY
CMYK
HSL
HSV / HSB
Aman web#cc6633
CIE-LAB
XYZ
xyY
CIE-LCH
CIE-LUV
Hunter-Lab
OKLab
Biner
Desimal
Luminansi relatif0.1809

Komplementer

  1. #bb5a30
  2. #3091bb

Komplementer terbelah

  1. #bb5a30
  2. #30bba0
  3. #304cbb

Analog

  1. #bb304c
  2. #bb5a30
  3. #bba030

Triadik

  1. #bb5a30
  2. #30bb5a
  3. #5a30bb

Tetradik

  1. #bb5a30
  2. #91bb30
  3. #3091bb
  4. #5a30bb

Persegi

  1. #bb5a30
  2. #4cbb30
  3. #3091bb
  4. #a030bb

Monokromatik

  1. #411f11
  2. #7e3d20
  3. #bb5a30
  4. #d68561
  5. #e6b49e

Bayangan

#bb5a30 dicampur bertahap dengan hitam.

  1. #bb5a30
  2. #a8512b
  3. #964826
  4. #833f22
  5. #70361d
  6. #5e2d18
  7. #4b2413
  8. #381b0e
  9. #25120a
  10. #130905
  11. #000000

Tint

#bb5a30 dicampur bertahap dengan putih.

  1. #bb5a30
  2. #c26b45
  3. #c97b59
  4. #cf8c6e
  5. #d69c83
  6. #ddad98
  7. #e4bdac
  8. #ebcec1
  9. #f1ded6
  10. #f8efea
  11. #ffffff

Nada

#bb5a30 dicampur bertahap dengan abu-abu.

  1. #bb5a30
  2. #b55e38
  3. #af6240
  4. #a96548
  5. #a36950
  6. #9e6d58
  7. #987160
  8. #927568
  9. #8c7870
  10. #867c78
  11. #808080

Teks mudah dibaca 4.55:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓
Teks mudah dibaca 4.62:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓

Akromatopsia #767676 ≈ 0.003% pria
Akromatomali #976c61 ≈ 0.001% pria
Protanopia #75692b ≈ 1.01% pria
Deuteranopia #8c7e2e ≈ 1.27% pria
Tritanopia #cd4651 ≈ 0.0001% pria
Protanomali #96632d ≈ 1.08% pria
Deuteranomali #a1712f ≈ 4.63% pria
Tritanomali #c64f46 ≈ 0.0002% pria
Simulasikan pada gambar Anda

Teks dengan warna ini

Latar dengan warna ini

Garis tepi dengan warna ini

Warna teks
.text-bb5a30 {
  color: #bb5a30;
}
Latar
.bg-bb5a30 {
  background-color: #bb5a30;
  color: #000000;
}
Garis tepi
.border-bb5a30 {
  border: 2px solid #bb5a30;
}
Variabel CSS
:root {
  --color-primary: #bb5a30;
  --color-primary-rgb: 187 90 48;
  --color-primary-hsl: 18 59% 46%;
}
Gradien
.gradient-bb5a30 {
  background: linear-gradient(135deg, #bb5a30, #bba030);
}
Bayangan berwarna
.shadow-bb5a30 {
  box-shadow: 0 8px 24px rgb(187 90 48 / 0.35);
}

#cb410b Sinopia ΔE 6.02 #cc5500 Burnt Orange ΔE 6.34 #a0522d Sienna ΔE 6.35 #b7410e Rust ΔE 6.49 #c04000 Mahogany ΔE 6.51 #e25822 Flame ΔE 7.77 #d2691e Chocolate ΔE 8.86 #44a5cf Terbalik #767676 Skala abu-abu 

Sinopia
#bb5a30  rgb(187, 90, 48)  hsl(18, 59%, 46%)  Sinopia
#3091bb  rgb(48, 145, 187)  hsl(198, 59%, 46%)  Bondi Blue
#30bb5a  rgb(48, 187, 90)  hsl(138, 59%, 46%)  Emerald
#5a30bb  rgb(90, 48, 187)  hsl(258, 59%, 46%)  Ocean Blue