ColorTool
Giriş yap
#CBAD6A

#cbad6a ≈ Ecru

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

#cbad6a, “sarı” ailesinden bir renktir; açıklığı orta, doygunluğu orta. RGB modelinde %79,61 kırmızı, %67,84 yeşil ve %41,57 maviden oluşur; CMYK baskıda %0 camgöbeği, %14,78 macenta, %47,78 sarı ve %20,39 siyah kullanır. Ton açısı 41,44°, HSL’de doygunluğu %48,26 ve açıklığı %60,59’dir. Sıcak bir renktir ve çoğunlukla iyimserlik, dikkat ve neşe ile ilişkilendirilir. Tasarımcılar onu genellikle vurgular ve uyarılar, çocuk ürünleri ve marka vurguları için kullanır. Bu renk üzerinde siyah metin 9,72:1 kontrast oranına ulaşır (WCAG AAA). En yakın adlandırılmış renk Ecru (#c2b280), ΔE 5,3.

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

Tamamlayıcı

  1. #cbad6a
  2. #6a88cb

Bölünmüş tamamlayıcı

  1. #cbad6a
  2. #6ab9cb
  3. #7c6acb

Komşu

  1. #cb7c6a
  2. #cbad6a
  3. #b9cb6a

Üçlü

  1. #cbad6a
  2. #6acbad
  3. #ad6acb

Dörtlü

  1. #cbad6a
  2. #88cb6a
  3. #6a88cb
  4. #ad6acb

Kare

  1. #cbad6a
  2. #6acb7c
  3. #6a88cb
  4. #cb6ab9

Tek renkli

  1. #745c28
  2. #ac8a3c
  3. #cbad6a
  4. #dfcca3
  5. #f3ebdb

Koyu tonlar

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

  1. #cbad6a
  2. #b79c5f
  3. #a28a55
  4. #8e794a
  5. #7a6840
  6. #665735
  7. #51452a
  8. #3d3420
  9. #292315
  10. #14110b
  11. #000000

Açık tonlar

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

  1. #cbad6a
  2. #d0b579
  3. #d5bd88
  4. #dbc697
  5. #e0cea6
  6. #e5d6b5
  7. #eadec3
  8. #efe6d2
  9. #f5efe1
  10. #faf7f0
  11. #ffffff

Tonlar

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

  1. #cbad6a
  2. #c4a96c
  3. #bca46e
  4. #b5a071
  5. #ad9b73
  6. #a69775
  7. #9e9277
  8. #978e79
  9. #8f897c
  10. #88857e
  11. #808080

Okunaklı metin 2.16:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Okunaklı metin 9.72:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Akromatopsi #b0b0b0 Erkeklerin ≈ 0.003% kadarı
Akromatomali #bcaf99 Erkeklerin ≈ 0.001% kadarı
Protanopi #bcac65 Erkeklerin ≈ 1.01% kadarı
Döteranopi #c3b46c Erkeklerin ≈ 1.27% kadarı
Tritanopi #d9a29d Erkeklerin ≈ 0.0001% kadarı
Protanomali #c2ac67 Erkeklerin ≈ 1.08% kadarı
Döteranomali #c6b16b Erkeklerin ≈ 4.63% kadarı
Tritanomali #d3a78b Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

Metin rengi
.text-cbad6a {
  color: #cbad6a;
}
Arka plan
.bg-cbad6a {
  background-color: #cbad6a;
  color: #000000;
}
Kenarlık
.border-cbad6a {
  border: 2px solid #cbad6a;
}
CSS değişkenleri
:root {
  --color-primary: #cbad6a;
  --color-primary-rgb: 203 173 106;
  --color-primary-hsl: 41 48% 61%;
}
Geçiş
.gradient-cbad6a {
  background: linear-gradient(135deg, #cbad6a, #b9cb6a);
}
Renkli gölge
.shadow-cbad6a {
  box-shadow: 0 8px 24px rgb(203 173 106 / 0.35);
}

#c2b280 Ecru ΔE 5.30 #c5b358 Vegas Gold ΔE 6.06 #deb887 Burly Wood ΔE 6.67 #d2b48c Tan ΔE 7.01 #d4af37 Metallic Gold ΔE 7.60 #e3a857 Indian Yellow ΔE 7.88 #c19a6b Camel ΔE 7.89 #345295 Ters renk #b0b0b0 Gri tonlama 

Ecru
#cbad6a  rgb(203, 173, 106)  hsl(41, 48%, 61%)  Ecru
#6a88cb  rgb(106, 136, 203)  hsl(221, 48%, 61%)  Glaucous
#6acbad  rgb(106, 203, 173)  hsl(161, 48%, 61%)  Medium Aquamarine
#ad6acb  rgb(173, 106, 203)  hsl(281, 48%, 61%)  Amethyst