ColorTool
Giriş yap
#ECB16A

#ecb16a ≈ Indian Yellow

  • turuncu
  • Açıklık: yüksek
  • Doygunluk: güçlü
  • Sıcak
Kontrastı denetle Grafikte keşfet Rastgele renk

#ecb16a, “turuncu” ailesinden bir renktir; açıklığı yüksek, doygunluğu güçlü. RGB modelinde %92,55 kırmızı, %69,41 yeşil ve %41,57 maviden oluşur; CMYK baskıda %0 camgöbeği, %25 macenta, %55,08 sarı ve %7,45 siyah kullanır. Ton açısı 32,77°, HSL’de doygunluğu %77,38 ve açıklığı %67,06’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 11,06:1 kontrast oranına ulaşır (WCAG AAA). En yakın adlandırılmış renk Indian Yellow (#e3a857), ΔE 3,15.

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

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

Tamamlayıcı

  1. #ecb16a
  2. #6aa5ec

Bölünmüş tamamlayıcı

  1. #ecb16a
  2. #6ae6ec
  3. #706aec

Komşu

  1. #ec706a
  2. #ecb16a
  3. #e6ec6a

Üçlü

  1. #ecb16a
  2. #6aecb1
  3. #b16aec

Dörtlü

  1. #ecb16a
  2. #a5ec6a
  3. #6aa5ec
  4. #b16aec

Kare

  1. #ecb16a
  2. #6aec70
  3. #6aa5ec
  4. #ec6ae6

Tek renkli

  1. #a86515
  2. #e38d26
  3. #ecb16a
  4. #f5d5ae
  5. #fdf6ed

Koyu tonlar

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

  1. #ecb16a
  2. #d49f5f
  3. #bd8e55
  4. #a57c4a
  5. #8e6a40
  6. #765935
  7. #5e472a
  8. #473520
  9. #2f2315
  10. #18120b
  11. #000000

Açık tonlar

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

  1. #ecb16a
  2. #eeb979
  3. #f0c188
  4. #f2c897
  5. #f4d0a6
  6. #f6d8b5
  7. #f7e0c3
  8. #f9e8d2
  9. #fbefe1
  10. #fdf7f0
  11. #ffffff

Tonlar

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

  1. #ecb16a
  2. #e1ac6c
  3. #d6a76e
  4. #cca271
  5. #c19d73
  6. #b69975
  7. #ab9477
  8. #a08f79
  9. #968a7c
  10. #8b857e
  11. #808080

Okunaklı metin 1.9:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Okunaklı metin 11.06:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Akromatopsi #bcbcbc Erkeklerin ≈ 0.003% kadarı
Akromatomali #d1b8a2 Erkeklerin ≈ 0.001% kadarı
Protanopi #c5b464 Erkeklerin ≈ 1.01% kadarı
Döteranopi #d3c26c Erkeklerin ≈ 1.27% kadarı
Tritanopi #fea3a0 Erkeklerin ≈ 0.0001% kadarı
Protanomali #d6b366 Erkeklerin ≈ 1.08% kadarı
Döteranomali #debb6b Erkeklerin ≈ 4.63% kadarı
Tritanomali #f7a98e Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

Metin rengi
.text-ecb16a {
  color: #ecb16a;
}
Arka plan
.bg-ecb16a {
  background-color: #ecb16a;
  color: #000000;
}
Kenarlık
.border-ecb16a {
  border: 2px solid #ecb16a;
}
CSS değişkenleri
:root {
  --color-primary: #ecb16a;
  --color-primary-rgb: 236 177 106;
  --color-primary-hsl: 33 77% 67%;
}
Geçiş
.gradient-ecb16a {
  background: linear-gradient(135deg, #ecb16a, #e6ec6a);
}
Renkli gölge
.shadow-ecb16a {
  box-shadow: 0 8px 24px rgb(236 177 106 / 0.35);
}

#e3a857 Indian Yellow ΔE 3.15 #e5aa70 Fawn ΔE 3.45 #ffc87c Topaz ΔE 5.75 #ffb347 Pastel Orange ΔE 5.85 #f4a460 Sandy Brown ΔE 5.98 #ffae42 Yellow Orange ΔE 6.03 #deb887 Burly Wood ΔE 6.03 #134e95 Ters renk #bcbcbc Gri tonlama 

Indian Yellow
#ecb16a  rgb(236, 177, 106)  hsl(33, 77%, 67%)  Indian Yellow
#6aa5ec  rgb(106, 165, 236)  hsl(213, 77%, 67%)  Iceberg
#6aecb1  rgb(106, 236, 177)  hsl(153, 77%, 67%)  Aquamarine
#b16aec  rgb(177, 106, 236)  hsl(273, 77%, 67%)  Medium Purple