ColorTool
Giriş yap
#BB8A63

#bb8a63 ≈ Cafe au Lait

  • turuncu
  • Açıklık: orta
  • Doygunluk: orta
  • Sıcak
Kontrastı denetle Grafikte keşfet Rastgele renk

#bb8a63, “turuncu” ailesinden bir renktir; açıklığı orta, doygunluğu orta. RGB modelinde %73,33 kırmızı, %54,12 yeşil ve %38,82 maviden oluşur; CMYK baskıda %0 camgöbeği, %26,2 macenta, %47,06 sarı ve %26,67 siyah kullanır. Ton açısı 26,59°, HSL’de doygunluğu %39,29 ve açıklığı %56,08’dir. Sıcak bir renktir ve çoğunlukla coşku, sıcaklık ve yaratıcılık ile ilişkilendirilir. Tasarımcılar onu genellikle eylem çağrısı düğmeleri, gıda markaları ve restoranlar ve marka vurguları için kullanır. Bu renk üzerinde siyah metin 6,93:1 kontrast oranına ulaşır (WCAG AA). En yakın adlandırılmış renk Cafe au Lait (#a67b5b), ΔE 5,96.

Açıklama, bu rengin ölçülen özelliklerinden oluşturuldu.

HEX
RGB
Yüzde olarak RGB
CMY
CMYK
HSL
HSV / HSB
Web güvenli#cc9966
CIE-LAB
XYZ
xyY
CIE-LCH
CIE-LUV
Hunter-Lab
OKLab
İkili
Ondalık
Göreli parlaklık0.2964

Tamamlayıcı

  1. #bb8a63
  2. #6394bb

Bölünmüş tamamlayıcı

  1. #bb8a63
  2. #63bbb6
  3. #6368bb

Komşu

  1. #bb6368
  2. #bb8a63
  3. #bbb663

Üçlü

  1. #bb8a63
  2. #63bb8a
  3. #8a63bb

Dörtlü

  1. #bb8a63
  2. #94bb63
  3. #6394bb
  4. #8a63bb

Kare

  1. #bb8a63
  2. #68bb63
  3. #6394bb
  4. #b663bb

Tek renkli

  1. #5d4028
  2. #926440
  3. #bb8a63
  4. #d2b298
  5. #e9dace

Koyu tonlar

#bb8a63 kademeli olarak siyahla karıştırıldı.

  1. #bb8a63
  2. #a87c59
  3. #966e4f
  4. #836145
  5. #70533b
  6. #5e4532
  7. #4b3728
  8. #38291e
  9. #251c14
  10. #130e0a
  11. #000000

Açık tonlar

#bb8a63 kademeli olarak beyazla karıştırıldı.

  1. #bb8a63
  2. #c29673
  3. #c9a182
  4. #cfad92
  5. #d6b9a1
  6. #ddc5b1
  7. #e4d0c1
  8. #ebdcd0
  9. #f1e8e0
  10. #f8f3ef
  11. #ffffff

Tonlar

#bb8a63 kademeli olarak griyle karıştırıldı.

  1. #bb8a63
  2. #b58966
  3. #af8869
  4. #a9876c
  5. #a3866f
  6. #9e8572
  7. #988474
  8. #928377
  9. #8c827a
  10. #86817d
  11. #808080

Okunaklı metin 3.03:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕
Okunaklı metin 6.93:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓

Akromatopsi #949494 Erkeklerin ≈ 0.003% kadarı
Akromatomali #a59083 Erkeklerin ≈ 0.001% kadarı
Protanopi #998e60 Erkeklerin ≈ 1.01% kadarı
Döteranopi #a49863 Erkeklerin ≈ 1.27% kadarı
Tritanopi #c98080 Erkeklerin ≈ 0.0001% kadarı
Protanomali #a88c61 Erkeklerin ≈ 1.08% kadarı
Döteranomali #ae9363 Erkeklerin ≈ 4.63% kadarı
Tritanomali #c38475 Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

Metin rengi
.text-bb8a63 {
  color: #bb8a63;
}
Arka plan
.bg-bb8a63 {
  background-color: #bb8a63;
  color: #000000;
}
Kenarlık
.border-bb8a63 {
  border: 2px solid #bb8a63;
}
CSS değişkenleri
:root {
  --color-primary: #bb8a63;
  --color-primary-rgb: 187 138 99;
  --color-primary-hsl: 27 39% 56%;
}
Geçiş
.gradient-bb8a63 {
  background: linear-gradient(135deg, #bb8a63, #bbb663);
}
Renkli gölge
.shadow-bb8a63 {
  box-shadow: 0 8px 24px rgb(187 138 99 / 0.35);
}

#a67b5b Cafe au Lait ΔE 5.96 #c19a6b Camel ΔE 6.21 #d68a59 Raw Sienna ΔE 6.41 #d99058 Persian Orange ΔE 6.81 #cd853f Peru ΔE 7.40 #cd7f32 Bronze ΔE 8.82 #9f8170 Beaver ΔE 8.91 #44759c Ters renk #949494 Gri tonlama 

Cafe au Lait
#bb8a63  rgb(187, 138, 99)  hsl(27, 39%, 56%)  Cafe au Lait
#6394bb  rgb(99, 148, 187)  hsl(207, 39%, 56%)  Air Force Blue
#63bb8a  rgb(99, 187, 138)  hsl(147, 39%, 56%)  Mint
#8a63bb  rgb(138, 99, 187)  hsl(267, 39%, 56%)  Amethyst