ColorTool
Giriş yap
#E3AA45

#e3aa45 ≈ Indian Yellow

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

#e3aa45, “turuncu” ailesinden bir renktir; açıklığı orta, doygunluğu güçlü. RGB modelinde %89,02 kırmızı, %66,67 yeşil ve %27,06 maviden oluşur; CMYK baskıda %0 camgöbeği, %25,11 macenta, %69,6 sarı ve %10,98 siyah kullanır. Ton açısı 38,35°, HSL’de doygunluğu %73,83 ve açıklığı %58,04’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 10,1:1 kontrast oranına ulaşır (WCAG AAA). En yakın adlandırılmış renk Indian Yellow (#e3a857), ΔE 3,54.

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

Tamamlayıcı

  1. #e3aa45
  2. #457ee3

Bölünmüş tamamlayıcı

  1. #e3aa45
  2. #45cde3
  3. #5b45e3

Komşu

  1. #e35b45
  2. #e3aa45
  3. #cde345

Üçlü

  1. #e3aa45
  2. #45e3aa
  3. #aa45e3

Dörtlü

  1. #e3aa45
  2. #7ee345
  3. #457ee3
  4. #aa45e3

Kare

  1. #e3aa45
  2. #45e35b
  3. #457ee3
  4. #e345cd

Tek renkli

  1. #7c5613
  2. #bf841d
  3. #e3aa45
  4. #edc887
  5. #f7e7ca

Koyu tonlar

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

  1. #e3aa45
  2. #cc993e
  3. #b68837
  4. #9f7730
  5. #886629
  6. #725523
  7. #5b441c
  8. #443315
  9. #2d220e
  10. #171107
  11. #000000

Açık tonlar

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

  1. #e3aa45
  2. #e6b358
  3. #e9bb6a
  4. #ebc47d
  5. #eecc8f
  6. #f1d5a2
  7. #f4ddb5
  8. #f7e6c7
  9. #f9eeda
  10. #fcf7ec
  11. #ffffff

Tonlar

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

  1. #e3aa45
  2. #d9a64b
  3. #cfa251
  4. #c59d57
  5. #bb995d
  6. #b29563
  7. #a89168
  8. #9e8d6e
  9. #948874
  10. #8a847a
  11. #808080

Okunaklı metin 2.08:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Okunaklı metin 10.1:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Akromatopsi #b4b4b4 Erkeklerin ≈ 0.003% kadarı
Akromatomali #c8b094 Erkeklerin ≈ 0.001% kadarı
Protanopi #c0ac39 Erkeklerin ≈ 1.01% kadarı
Döteranopi #ceba49 Erkeklerin ≈ 1.27% kadarı
Tritanopi #f69a95 Erkeklerin ≈ 0.0001% kadarı
Protanomali #cfab3e Erkeklerin ≈ 1.08% kadarı
Döteranomali #d7b447 Erkeklerin ≈ 4.63% kadarı
Tritanomali #efa17d Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

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

#e3a857 Indian Yellow ΔE 3.54 #eaa221 Marigold ΔE 4.00 #daa520 Goldenrod ΔE 4.17 #e49b0f Gamboge ΔE 5.22 #ffb347 Pastel Orange ΔE 5.56 #e5b73b Meat Brown ΔE 5.64 #ffae42 Yellow Orange ΔE 6.13 #1c55ba Ters renk #b4b4b4 Gri tonlama 

Indian Yellow
#e3aa45  rgb(227, 170, 69)  hsl(38, 74%, 58%)  Indian Yellow
#457ee3  rgb(69, 126, 227)  hsl(218, 74%, 58%)  Tufts Blue
#45e3aa  rgb(69, 227, 170)  hsl(158, 74%, 58%)  Caribbean Green
#aa45e3  rgb(170, 69, 227)  hsl(278, 74%, 58%)  Electric Purple