ColorTool
Giriş yap
#AB7E4E

#ab7e4e ≈ Cafe au Lait

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

#ab7e4e, “turuncu” ailesinden bir renktir; açıklığı orta, doygunluğu orta. RGB modelinde %67,06 kırmızı, %49,41 yeşil ve %30,59 maviden oluşur; CMYK baskıda %0 camgöbeği, %26,32 macenta, %54,39 sarı ve %32,94 siyah kullanır. Ton açısı 30,97°, HSL’de doygunluğu %37,35 ve açıklığı %48,82’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,83:1 kontrast oranına ulaşır (WCAG AA). En yakın adlandırılmış renk Cafe au Lait (#a67b5b), ΔE 4,8.

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.2413

Tamamlayıcı

  1. #ab7e4e
  2. #4e7bab

Bölünmüş tamamlayıcı

  1. #ab7e4e
  2. #4ea9ab
  3. #4f4eab

Komşu

  1. #ab4f4e
  2. #ab7e4e
  3. #a9ab4e

Üçlü

  1. #ab7e4e
  2. #4eab7e
  3. #7e4eab

Dörtlü

  1. #ab7e4e
  2. #7bab4e
  3. #4e7bab
  4. #7e4eab

Kare

  1. #ab7e4e
  2. #4eab4f
  3. #4e7bab
  4. #ab4ea9

Tek renkli

  1. #42311e
  2. #765736
  3. #ab7e4e
  4. #c5a480
  5. #ddcab5

Koyu tonlar

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

  1. #ab7e4e
  2. #9a7146
  3. #89653e
  4. #785837
  5. #674c2f
  6. #563f27
  7. #44321f
  8. #332617
  9. #221910
  10. #110d08
  11. #000000

Açık tonlar

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

  1. #ab7e4e
  2. #b38b60
  3. #bc9871
  4. #c4a583
  5. #cdb295
  6. #d5bfa7
  7. #ddcbb8
  8. #e6d8ca
  9. #eee5dc
  10. #f7f2ed
  11. #ffffff

Tonlar

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

  1. #ab7e4e
  2. #a77e53
  3. #a27e58
  4. #9e7f5d
  5. #9a7f62
  6. #967f67
  7. #917f6c
  8. #8d7f71
  9. #898076
  10. #84807b
  11. #808080

Okunaklı metin 3.6:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕
Okunaklı metin 5.83:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓

Akromatopsi #878787 Erkeklerin ≈ 0.003% kadarı
Akromatomali #978374 Erkeklerin ≈ 0.001% kadarı
Protanopi #8d814a Erkeklerin ≈ 1.01% kadarı
Döteranopi #988b4f Erkeklerin ≈ 1.27% kadarı
Tritanopi #b87472 Erkeklerin ≈ 0.0001% kadarı
Protanomali #9a804c Erkeklerin ≈ 1.08% kadarı
Döteranomali #a0864f Erkeklerin ≈ 4.63% kadarı
Tritanomali #b37866 Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

Metin rengi
.text-ab7e4e {
  color: #ab7e4e;
}
Arka plan
.bg-ab7e4e {
  background-color: #ab7e4e;
  color: #000000;
}
Kenarlık
.border-ab7e4e {
  border: 2px solid #ab7e4e;
}
CSS değişkenleri
:root {
  --color-primary: #ab7e4e;
  --color-primary-rgb: 171 126 78;
  --color-primary-hsl: 31 37% 49%;
}
Geçiş
.gradient-ab7e4e {
  background: linear-gradient(135deg, #ab7e4e, #a9ab4e);
}
Renkli gölge
.shadow-ab7e4e {
  box-shadow: 0 8px 24px rgb(171 126 78 / 0.35);
}

#a67b5b Cafe au Lait ΔE 4.80 #b87333 Copper ΔE 6.30 #cd853f Peru ΔE 8.09 #cd7f32 Bronze ΔE 8.69 #c19a6b Camel ΔE 8.92 #cc7722 Ochre ΔE 9.63 #9f8170 Beaver ΔE 9.84 #5481b1 Ters renk #878787 Gri tonlama 

Cafe au Lait
#ab7e4e  rgb(171, 126, 78)  hsl(31, 37%, 49%)  Cafe au Lait
#4e7bab  rgb(78, 123, 171)  hsl(211, 37%, 49%)  Tufts Blue
#4eab7e  rgb(78, 171, 126)  hsl(151, 37%, 49%)  Mint
#7e4eab  rgb(126, 78, 171)  hsl(271, 37%, 49%)  Royal Purple