ColorTool
Giriş yap
#BCA663

#bca663 ≈ Ecru

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

#bca663, “sarı” ailesinden bir renktir; açıklığı orta, doygunluğu orta. RGB modelinde %73,73 kırmızı, %65,1 yeşil ve %38,82 maviden oluşur; CMYK baskıda %0 camgöbeği, %11,7 macenta, %47,34 sarı ve %26,27 siyah kullanır. Ton açısı 45,17°, HSL’de doygunluğu %39,91 ve açıklığı %56,27’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 8,77:1 kontrast oranına ulaşır (WCAG AAA). En yakın adlandırılmış renk Ecru (#c2b280), ΔE 5,16.

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

Tamamlayıcı

  1. #bca663
  2. #6379bc

Bölünmüş tamamlayıcı

  1. #bca663
  2. #63a5bc
  3. #7963bc

Komşu

  1. #bc7963
  2. #bca663
  3. #a5bc63

Üçlü

  1. #bca663
  2. #63bca6
  3. #a663bc

Dörtlü

  1. #bca663
  2. #79bc63
  3. #6379bc
  4. #a663bc

Kare

  1. #bca663
  2. #63bc79
  3. #6379bc
  4. #bc63a5

Tek renkli

  1. #5e5128
  2. #937e3f
  3. #bca663
  4. #d3c598
  5. #eae3ce

Koyu tonlar

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

  1. #bca663
  2. #a99559
  3. #96854f
  4. #847445
  5. #71643b
  6. #5e5332
  7. #4b4228
  8. #38321e
  9. #262114
  10. #13110a
  11. #000000

Açık tonlar

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

  1. #bca663
  2. #c3af73
  3. #c9b882
  4. #d0c192
  5. #d7caa1
  6. #ded3b1
  7. #e4dbc1
  8. #ebe4d0
  9. #f2ede0
  10. #f8f6ef
  11. #ffffff

Tonlar

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

  1. #bca663
  2. #b6a266
  3. #b09e69
  4. #aa9b6c
  5. #a4976f
  6. #9e9372
  7. #988f74
  8. #928b77
  9. #8c887a
  10. #86847d
  11. #808080

Okunaklı metin 2.39:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Okunaklı metin 8.77:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Akromatopsi #a7a7a7 Erkeklerin ≈ 0.003% kadarı
Akromatomali #b0a791 Erkeklerin ≈ 0.001% kadarı
Protanopi #b3a45e Erkeklerin ≈ 1.01% kadarı
Döteranopi #b9aa65 Erkeklerin ≈ 1.27% kadarı
Tritanopi #c89c96 Erkeklerin ≈ 0.0001% kadarı
Protanomali #b7a560 Erkeklerin ≈ 1.08% kadarı
Döteranomali #baa964 Erkeklerin ≈ 4.63% kadarı
Tritanomali #c4a084 Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

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

#c2b280 Ecru ΔE 5.16 #c5b358 Vegas Gold ΔE 5.42 #b5a642 Brass ΔE 5.93 #bdb76b Dark Khaki ΔE 6.57 #bcb88a Sage ΔE 8.50 #c19a6b Camel ΔE 8.60 #d4af37 Metallic Gold ΔE 8.60 #43599c Ters renk #a7a7a7 Gri tonlama 

Ecru
#bca663  rgb(188, 166, 99)  hsl(45, 40%, 56%)  Ecru
#6379bc  rgb(99, 121, 188)  hsl(225, 40%, 56%)  Glaucous
#63bca6  rgb(99, 188, 166)  hsl(165, 40%, 56%)  Medium Aquamarine
#a663bc  rgb(166, 99, 188)  hsl(285, 40%, 56%)  Amethyst