ColorTool
Giriş yap
#E2A445

#e2a445 ≈ Indian Yellow

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

#e2a445, “turuncu” ailesinden bir renktir; açıklığı orta, doygunluğu güçlü. RGB modelinde %88,63 kırmızı, %64,31 yeşil ve %27,06 maviden oluşur; CMYK baskıda %0 camgöbeği, %27,43 macenta, %69,47 sarı ve %11,37 siyah kullanır. Ton açısı 36,31°, HSL’de doygunluğu %73,02 ve açıklığı %57,84’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 9,63:1 kontrast oranına ulaşır (WCAG AAA). En yakın adlandırılmış renk Indian Yellow (#e3a857), ΔE 2,32.

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

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

Tamamlayıcı

  1. #e2a445
  2. #4583e2

Bölünmüş tamamlayıcı

  1. #e2a445
  2. #45d1e2
  3. #5645e2

Komşu

  1. #e25645
  2. #e2a445
  3. #d1e245

Üçlü

  1. #e2a445
  2. #45e2a4
  3. #a445e2

Dörtlü

  1. #e2a445
  2. #83e245
  3. #4583e2
  4. #a445e2

Kare

  1. #e2a445
  2. #45e256
  3. #4583e2
  4. #e245d1

Tek renkli

  1. #7b5213
  2. #bd7e1d
  3. #e2a445
  4. #ecc487
  5. #f7e5c9

Koyu tonlar

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

  1. #e2a445
  2. #cb943e
  3. #b58337
  4. #9e7330
  5. #886229
  6. #715223
  7. #5a421c
  8. #443115
  9. #2d210e
  10. #171007
  11. #000000

Açık tonlar

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

  1. #e2a445
  2. #e5ad58
  3. #e8b66a
  4. #ebbf7d
  5. #eec88f
  6. #f1d2a2
  7. #f3dbb5
  8. #f6e4c7
  9. #f9edda
  10. #fcf6ec
  11. #ffffff

Tonlar

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

  1. #e2a445
  2. #d8a04b
  3. #ce9d51
  4. #c59957
  5. #bb965d
  6. #b19263
  7. #a78e68
  8. #9d8b6e
  9. #948774
  10. #8a847a
  11. #808080

Okunaklı metin 2.18:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Okunaklı metin 9.63:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Akromatopsi #b0b0b0 Erkeklerin ≈ 0.003% kadarı
Akromatomali #c6ab91 Erkeklerin ≈ 0.001% kadarı
Protanopi #bba73a Erkeklerin ≈ 1.01% kadarı
Döteranopi #c9b648 Erkeklerin ≈ 1.27% kadarı
Tritanopi #f59490 Erkeklerin ≈ 0.0001% kadarı
Protanomali #cca63e Erkeklerin ≈ 1.08% kadarı
Döteranomali #d4af47 Erkeklerin ≈ 4.63% kadarı
Tritanomali #ee9a79 Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

Metin rengi
.text-e2a445 {
  color: #e2a445;
}
Arka plan
.bg-e2a445 {
  background-color: #e2a445;
  color: #000000;
}
Kenarlık
.border-e2a445 {
  border: 2px solid #e2a445;
}
CSS değişkenleri
:root {
  --color-primary: #e2a445;
  --color-primary-rgb: 226 164 69;
  --color-primary-hsl: 36 73% 58%;
}
Geçiş
.gradient-e2a445 {
  background: linear-gradient(135deg, #e2a445, #d1e245);
}
Renkli gölge
.shadow-e2a445 {
  box-shadow: 0 8px 24px rgb(226 164 69 / 0.35);
}

#e3a857 Indian Yellow ΔE 2.32 #eaa221 Marigold ΔE 3.56 #e49b0f Gamboge ΔE 4.34 #ffae42 Yellow Orange ΔE 5.54 #ffb347 Pastel Orange ΔE 5.59 #daa520 Goldenrod ΔE 5.66 #ffa500 Orange ΔE 6.73 #1d5bba Ters renk #b0b0b0 Gri tonlama 

Indian Yellow
#e2a445  rgb(226, 164, 69)  hsl(36, 73%, 58%)  Indian Yellow
#4583e2  rgb(69, 131, 226)  hsl(216, 73%, 58%)  Tufts Blue
#45e2a4  rgb(69, 226, 164)  hsl(156, 73%, 58%)  Caribbean Green
#a445e2  rgb(164, 69, 226)  hsl(276, 73%, 58%)  Electric Purple