ColorTool
Masuk
#BF836D

#bf836d ≈ Cafe au Lait

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

#bf836d adalah warna dari keluarga “oranye”, dengan kecerahan sedang dan saturasi sedang. Dalam model RGB, warna ini terdiri dari 74,9% merah, 51,37% hijau, dan 42,75% biru; saat dicetak CMYK memakai 0% sian, 31,41% magenta, 42,93% kuning, dan 25,1% hitam. Sudut ronanya 16,1°, dengan saturasi 39,05% dan kecerahan 58,82% 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 6,68:1 (WCAG AA). Warna bernama terdekat adalah Cafe au Lait (#a67b5b), ΔE 8,17.

Deskripsi dibuat dari properti terukur warna ini.

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

Komplementer

  1. #bf836d
  2. #6da9bf

Komplementer terbelah

  1. #bf836d
  2. #6dbfac
  3. #6d80bf

Analog

  1. #bf6d80
  2. #bf836d
  3. #bfac6d

Triadik

  1. #bf836d
  2. #6dbf83
  3. #836dbf

Tetradik

  1. #bf836d
  2. #a9bf6d
  3. #6da9bf
  4. #836dbf

Persegi

  1. #bf836d
  2. #80bf6d
  3. #6da9bf
  4. #ac6dbf

Monokromatik

  1. #663c2d
  2. #9b5c44
  3. #bf836d
  4. #d6b0a2
  5. #eeddd7

Bayangan

#bf836d dicampur bertahap dengan hitam.

  1. #bf836d
  2. #ac7662
  3. #996957
  4. #865c4c
  5. #734f41
  6. #604237
  7. #4c342c
  8. #392721
  9. #261a16
  10. #130d0b
  11. #000000

Tint

#bf836d dicampur bertahap dengan putih.

  1. #bf836d
  2. #c58f7c
  3. #cc9c8a
  4. #d2a899
  5. #d9b5a7
  6. #dfc1b6
  7. #e5cdc5
  8. #ecdad3
  9. #f2e6e2
  10. #f9f3f0
  11. #ffffff

Nada

#bf836d dicampur bertahap dengan abu-abu.

  1. #bf836d
  2. #b9836f
  3. #b28271
  4. #ac8273
  5. #a68275
  6. #a08277
  7. #998178
  8. #93817a
  9. #8d817c
  10. #86807e
  11. #808080

Teks mudah dibaca 3.14:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕
Teks mudah dibaca 6.68:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓

Akromatopsia #919191 ≈ 0.003% pria
Akromatomali #a68c84 ≈ 0.001% pria
Protanopia #928a6b ≈ 1.01% pria
Deuteranopia #a0966d ≈ 1.27% pria
Tritanopia #cd7a7d ≈ 0.0001% pria
Protanomali #a6876c ≈ 1.08% pria
Deuteranomali #ad8f6d ≈ 4.63% pria
Tritanomali #c77d77 ≈ 0.0002% pria
Simulasikan pada gambar Anda

Teks dengan warna ini

Latar dengan warna ini

Garis tepi dengan warna ini

Warna teks
.text-bf836d {
  color: #bf836d;
}
Latar
.bg-bf836d {
  background-color: #bf836d;
  color: #000000;
}
Garis tepi
.border-bf836d {
  border: 2px solid #bf836d;
}
Variabel CSS
:root {
  --color-primary: #bf836d;
  --color-primary-rgb: 191 131 109;
  --color-primary-hsl: 16 39% 59%;
}
Gradien
.gradient-bf836d {
  background: linear-gradient(135deg, #bf836d, #bfac6d);
}
Bayangan berwarna
.shadow-bf836d {
  box-shadow: 0 8px 24px rgb(191 131 109 / 0.35);
}

#a67b5b Cafe au Lait ΔE 8.17 #d68a59 Raw Sienna ΔE 8.62 #9f8170 Beaver ΔE 8.77 #e9967a Dark Salmon ΔE 8.86 #e2725b Terra Cotta ΔE 9.09 #c08081 Old Rose ΔE 9.22 #bc8f8f Rosy Brown ΔE 9.78 #407c92 Terbalik #919191 Skala abu-abu 

Cafe au Lait
#bf836d  rgb(191, 131, 109)  hsl(16, 39%, 59%)  Cafe au Lait
#6da9bf  rgb(109, 169, 191)  hsl(196, 39%, 59%)  Moonstone Blue
#6dbf83  rgb(109, 191, 131)  hsl(136, 39%, 59%)  Emerald
#836dbf  rgb(131, 109, 191)  hsl(256, 39%, 59%)  Medium Purple