ColorTool
Giriş yap
#AB7D64

#ab7d64 ≈ Cafe au Lait

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

#ab7d64, “turuncu” ailesinden bir renktir; açıklığı orta, doygunluğu orta. RGB modelinde %67,06 kırmızı, %49,02 yeşil ve %39,22 maviden oluşur; CMYK baskıda %0 camgöbeği, %26,9 macenta, %41,52 sarı ve %32,94 siyah kullanır. Ton açısı 21,13°, HSL’de doygunluğu %29,71 ve açıklığı %53,14’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 5,85:1 kontrast oranına ulaşır (WCAG AA). En yakın adlandırılmış renk Cafe au Lait (#a67b5b), ΔE 3,26.

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

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

Tamamlayıcı

  1. #ab7d64
  2. #6492ab

Bölünmüş tamamlayıcı

  1. #ab7d64
  2. #64aba1
  3. #646fab

Komşu

  1. #ab646f
  2. #ab7d64
  3. #aba164

Üçlü

  1. #ab7d64
  2. #64ab7d
  3. #7d64ab

Dörtlü

  1. #ab7d64
  2. #92ab64
  3. #6492ab
  4. #7d64ab

Kare

  1. #ab7d64
  2. #6fab64
  3. #6492ab
  4. #a164ab

Tek renkli

  1. #4d3629
  2. #7e5944
  3. #ab7d64
  4. #c6a796
  5. #e1d0c7

Koyu tonlar

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

  1. #ab7d64
  2. #9a715a
  3. #896450
  4. #785846
  5. #674b3c
  6. #563f32
  7. #443228
  8. #33261e
  9. #221914
  10. #110d0a
  11. #000000

Açık tonlar

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

  1. #ab7d64
  2. #b38a74
  3. #bc9783
  4. #c4a493
  5. #cdb1a2
  6. #d5beb2
  7. #ddcbc1
  8. #e6d8d1
  9. #eee5e0
  10. #f7f2f0
  11. #ffffff

Tonlar

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

  1. #ab7d64
  2. #a77d67
  3. #a27e6a
  4. #9e7e6c
  5. #9a7e6f
  6. #967f72
  7. #917f75
  8. #8d7f78
  9. #897f7a
  10. #84807d
  11. #808080

Okunaklı metin 3.59:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕
Okunaklı metin 5.85:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓

Akromatopsi #878787 Erkeklerin ≈ 0.003% kadarı
Akromatomali #97837b Erkeklerin ≈ 0.001% kadarı
Protanopi #898162 Erkeklerin ≈ 1.01% kadarı
Döteranopi #948b64 Erkeklerin ≈ 1.27% kadarı
Tritanopi #b77576 Erkeklerin ≈ 0.0001% kadarı
Protanomali #988063 Erkeklerin ≈ 1.08% kadarı
Döteranomali #9e8664 Erkeklerin ≈ 4.63% kadarı
Tritanomali #b2786f Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

Metin rengi
.text-ab7d64 {
  color: #ab7d64;
}
Arka plan
.bg-ab7d64 {
  background-color: #ab7d64;
  color: #000000;
}
Kenarlık
.border-ab7d64 {
  border: 2px solid #ab7d64;
}
CSS değişkenleri
:root {
  --color-primary: #ab7d64;
  --color-primary-rgb: 171 125 100;
  --color-primary-hsl: 21 30% 53%;
}
Geçiş
.gradient-ab7d64 {
  background: linear-gradient(135deg, #ab7d64, #aba164);
}
Renkli gölge
.shadow-ab7d64 {
  box-shadow: 0 8px 24px rgb(171 125 100 / 0.35);
}

#a67b5b Cafe au Lait ΔE 3.26 #9f8170 Beaver ΔE 5.02 #b87333 Copper ΔE 10.40 #d68a59 Raw Sienna ΔE 10.44 #c19a6b Camel ΔE 11.99 #d99058 Persian Orange ΔE 12.04 #cd853f Peru ΔE 12.19 #54829b Ters renk #878787 Gri tonlama 

Cafe au Lait
#ab7d64  rgb(171, 125, 100)  hsl(21, 30%, 53%)  Cafe au Lait
#6492ab  rgb(100, 146, 171)  hsl(201, 30%, 53%)  Air Force Blue
#64ab7d  rgb(100, 171, 125)  hsl(141, 30%, 53%)  Mint
#7d64ab  rgb(125, 100, 171)  hsl(261, 30%, 53%)  Royal Purple