ColorTool
Giriş yap
#EA855F

#ea855f ≈ Coral

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

#ea855f, “turuncu” ailesinden bir renktir; açıklığı yüksek, doygunluğu güçlü. RGB modelinde %91,76 kırmızı, %52,16 yeşil ve %37,25 maviden oluşur; CMYK baskıda %0 camgöbeği, %43,16 macenta, %59,4 sarı ve %8,24 siyah kullanır. Ton açısı 16,4°, HSL’de doygunluğu %76,8 ve açıklığı %64,51’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 8,02:1 kontrast oranına ulaşır (WCAG AAA). En yakın adlandırılmış renk Coral (#ff7f50), ΔE 4,16.

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

Tamamlayıcı

  1. #ea855f
  2. #5fc4ea

Bölünmüş tamamlayıcı

  1. #ea855f
  2. #5feaca
  3. #5f7fea

Komşu

  1. #ea5f7f
  2. #ea855f
  3. #eaca5f

Üçlü

  1. #ea855f
  2. #5fea85
  3. #855fea

Dörtlü

  1. #ea855f
  2. #c4ea5f
  3. #5fc4ea
  4. #855fea

Kare

  1. #ea855f
  2. #7fea5f
  3. #5fc4ea
  4. #ca5fea

Tek renkli

  1. #9c3914
  2. #df521d
  3. #ea855f
  4. #f3b9a3
  5. #fcece6

Koyu tonlar

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

  1. #ea855f
  2. #d37856
  3. #bb6a4c
  4. #a45d43
  5. #8c5039
  6. #754330
  7. #5e3526
  8. #46281d
  9. #2f1b13
  10. #170d0a
  11. #000000

Açık tonlar

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

  1. #ea855f
  2. #ec916f
  3. #ee9d7f
  4. #f0aa8f
  5. #f2b69f
  6. #f5c2af
  7. #f7cebf
  8. #f9dacf
  9. #fbe7df
  10. #fdf3ef
  11. #ffffff

Tonlar

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

  1. #ea855f
  2. #df8562
  3. #d58466
  4. #ca8469
  5. #c0836c
  6. #b58370
  7. #aa8273
  8. #a08276
  9. #958179
  10. #8b817d
  11. #808080

Okunaklı metin 2.62:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Okunaklı metin 8.02:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Akromatopsi #a0a0a0 Erkeklerin ≈ 0.003% kadarı
Akromatomali #c2968b Erkeklerin ≈ 0.001% kadarı
Protanopi #9f935c Erkeklerin ≈ 1.01% kadarı
Döteranopi #b8a85e Erkeklerin ≈ 1.27% kadarı
Tritanopi #fe737c Erkeklerin ≈ 0.0001% kadarı
Protanomali #c28d5d Erkeklerin ≈ 1.08% kadarı
Döteranomali #ce9b5e Erkeklerin ≈ 4.63% kadarı
Tritanomali #f77a71 Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

Metin rengi
.text-ea855f {
  color: #ea855f;
}
Arka plan
.bg-ea855f {
  background-color: #ea855f;
  color: #000000;
}
Kenarlık
.border-ea855f {
  border: 2px solid #ea855f;
}
CSS değişkenleri
:root {
  --color-primary: #ea855f;
  --color-primary-rgb: 234 133 95;
  --color-primary-hsl: 16 77% 65%;
}
Geçiş
.gradient-ea855f {
  background: linear-gradient(135deg, #ea855f, #eaca5f);
}
Renkli gölge
.shadow-ea855f {
  box-shadow: 0 8px 24px rgb(234 133 95 / 0.35);
}

#ff7f50 Coral ΔE 4.16 #e97451 Burnt Sienna ΔE 4.31 #e9967a Dark Salmon ΔE 5.12 #ff8243 Mango Tango ΔE 6.08 #e2725b Terra Cotta ΔE 6.51 #d68a59 Raw Sienna ΔE 6.71 #ffa07a Light Salmon ΔE 7.02 #157aa0 Ters renk #a0a0a0 Gri tonlama 

Coral
#ea855f  rgb(234, 133, 95)  hsl(16, 77%, 65%)  Coral
#5fc4ea  rgb(95, 196, 234)  hsl(196, 77%, 65%)  Sky Blue
#5fea85  rgb(95, 234, 133)  hsl(136, 77%, 65%)  Pastel Green
#855fea  rgb(133, 95, 234)  hsl(256, 77%, 65%)  Medium Slate Blue