ColorTool
Giriş yap
#EC8A80

#ec8a80 ≈ Light Coral

  • kırmızı
  • Açıklık: yüksek
  • Doygunluk: orta
  • Sıcak
Kontrastı denetle Grafikte keşfet Rastgele renk

#ec8a80, “kırmızı” ailesinden bir renktir; açıklığı yüksek, doygunluğu orta. RGB modelinde %92,55 kırmızı, %54,12 yeşil ve %50,2 maviden oluşur; CMYK baskıda %0 camgöbeği, %41,53 macenta, %45,76 sarı ve %7,45 siyah kullanır. Ton açısı 5,56°, HSL’de doygunluğu %73,97 ve açıklığı %71,37’dir. Sıcak bir renktir ve çoğunlukla enerji, tutku ve aciliyet ile ilişkilendirilir. Tasarımcılar onu genellikle gıda markaları ve restoranlar, indirimler ve kampanyalar ve marka vurguları için kullanır. Bu renk üzerinde siyah metin 8,51:1 kontrast oranına ulaşır (WCAG AAA). En yakın adlandırılmış renk Light Coral (#f08080), ΔE 3,73.

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

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

Tamamlayıcı

  1. #ec8a80
  2. #80e2ec

Bölünmüş tamamlayıcı

  1. #ec8a80
  2. #80ecc0
  3. #80acec

Komşu

  1. #ec80ac
  2. #ec8a80
  3. #ecc080

Üçlü

  1. #ec8a80
  2. #80ec8a
  3. #8a80ec

Dörtlü

  1. #ec8a80
  2. #e2ec80
  3. #80e2ec
  4. #8a80ec

Kare

  1. #ec8a80
  2. #acec80
  3. #80e2ec
  4. #c080ec

Tek renkli

  1. #b82a1b
  2. #e24d3d
  3. #ec8a80
  4. #f6c7c3
  5. #fcefed

Koyu tonlar

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

  1. #ec8a80
  2. #d47c73
  3. #bd6e66
  4. #a5615a
  5. #8e534d
  6. #764540
  7. #5e3733
  8. #472926
  9. #2f1c1a
  10. #180e0d
  11. #000000

Açık tonlar

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

  1. #ec8a80
  2. #ee968d
  3. #f0a199
  4. #f2ada6
  5. #f4b9b3
  6. #f6c5c0
  7. #f7d0cc
  8. #f9dcd9
  9. #fbe8e6
  10. #fdf3f2
  11. #ffffff

Tonlar

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

  1. #ec8a80
  2. #e18980
  3. #d68880
  4. #cc8780
  5. #c18680
  6. #b68580
  7. #ab8480
  8. #a08380
  9. #968280
  10. #8b8180
  11. #808080

Okunaklı metin 2.47:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Okunaklı metin 8.51:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Akromatopsi #a5a5a5 Erkeklerin ≈ 0.003% kadarı
Akromatomali #c59b98 Erkeklerin ≈ 0.001% kadarı
Protanopi #a0997f Erkeklerin ≈ 1.01% kadarı
Döteranopi #b8ad7e Erkeklerin ≈ 1.27% kadarı
Tritanopi #fe7c88 Erkeklerin ≈ 0.0001% kadarı
Protanomali #c3937f Erkeklerin ≈ 1.08% kadarı
Döteranomali #cfa07f Erkeklerin ≈ 4.63% kadarı
Tritanomali #f78285 Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

Metin rengi
.text-ec8a80 {
  color: #ec8a80;
}
Arka plan
.bg-ec8a80 {
  background-color: #ec8a80;
  color: #000000;
}
Kenarlık
.border-ec8a80 {
  border: 2px solid #ec8a80;
}
CSS değişkenleri
:root {
  --color-primary: #ec8a80;
  --color-primary-rgb: 236 138 128;
  --color-primary-hsl: 6 74% 71%;
}
Geçiş
.gradient-ec8a80 {
  background: linear-gradient(135deg, #ec8a80, #ecc080);
}
Renkli gölge
.shadow-ec8a80 {
  box-shadow: 0 8px 24px rgb(236 138 128 / 0.35);
}

#f08080 Light Coral ΔE 3.73 #fa8072 Salmon ΔE 3.84 #ffa089 Vivid Tangerine ΔE 6.95 #e9967a Dark Salmon ΔE 7.02 #fe6f5e Bittersweet ΔE 7.44 #ff6961 Pastel Red ΔE 7.73 #e2725b Terra Cotta ΔE 7.82 #13757f Ters renk #a5a5a5 Gri tonlama 

Light Coral
#ec8a80  rgb(236, 138, 128)  hsl(6, 74%, 71%)  Light Coral
#80e2ec  rgb(128, 226, 236)  hsl(186, 74%, 71%)  Electric Blue
#80ec8a  rgb(128, 236, 138)  hsl(126, 74%, 71%)  Light Green
#8a80ec  rgb(138, 128, 236)  hsl(246, 74%, 71%)  Medium Purple