ColorTool
Giriş yap
#DF7C76

#df7c76 ≈ Light Coral

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

#df7c76, “kırmızı” ailesinden bir renktir; açıklığı yüksek, doygunluğu orta. RGB modelinde %87,45 kırmızı, %48,63 yeşil ve %46,27 maviden oluşur; CMYK baskıda %0 camgöbeği, %44,39 macenta, %47,09 sarı ve %12,55 siyah kullanır. Ton açısı 3,43°, HSL’de doygunluğu %62,13 ve açıklığı %66,86’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 7,28:1 kontrast oranına ulaşır (WCAG AAA). En yakın adlandırılmış renk Light Coral (#f08080), ΔE 3,62.

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

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

Tamamlayıcı

  1. #df7c76
  2. #76d9df

Bölünmüş tamamlayıcı

  1. #df7c76
  2. #76dfb0
  3. #76a4df

Komşu

  1. #df76a4
  2. #df7c76
  3. #dfb076

Üçlü

  1. #df7c76
  2. #76df7c
  3. #7c76df

Dörtlü

  1. #df7c76
  2. #d9df76
  3. #76d9df
  4. #7c76df

Kare

  1. #df7c76
  2. #a4df76
  3. #76d9df
  4. #b076df

Tek renkli

  1. #982a24
  2. #d14138
  3. #df7c76
  4. #edb7b4
  5. #fbefee

Koyu tonlar

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

  1. #df7c76
  2. #c9706a
  3. #b2635e
  4. #9c5753
  5. #864a47
  6. #703e3b
  7. #59322f
  8. #432523
  9. #2d1918
  10. #160c0c
  11. #000000

Açık tonlar

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

  1. #df7c76
  2. #e28984
  3. #e59691
  4. #e9a39f
  5. #ecb0ad
  6. #efbebb
  7. #f2cbc8
  8. #f5d8d6
  9. #f9e5e4
  10. #fcf2f1
  11. #ffffff

Tonlar

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

  1. #df7c76
  2. #d67c77
  3. #cc7d78
  4. #c37d79
  5. #b97e7a
  6. #b07e7b
  7. #a67e7c
  8. #9d7f7d
  9. #937f7e
  10. #8a807f
  11. #808080

Okunaklı metin 2.88:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Okunaklı metin 7.28:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Akromatopsi #989898 Erkeklerin ≈ 0.003% kadarı
Akromatomali #b98e8c Erkeklerin ≈ 0.001% kadarı
Protanopi #928c75 Erkeklerin ≈ 1.01% kadarı
Döteranopi #aaa074 Erkeklerin ≈ 1.27% kadarı
Tritanopi #f16e7b Erkeklerin ≈ 0.0001% kadarı
Protanomali #b68675 Erkeklerin ≈ 1.08% kadarı
Döteranomali #c29375 Erkeklerin ≈ 4.63% kadarı
Tritanomali #ea7479 Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

Metin rengi
.text-df7c76 {
  color: #df7c76;
}
Arka plan
.bg-df7c76 {
  background-color: #df7c76;
  color: #000000;
}
Kenarlık
.border-df7c76 {
  border: 2px solid #df7c76;
}
CSS değişkenleri
:root {
  --color-primary: #df7c76;
  --color-primary-rgb: 223 124 118;
  --color-primary-hsl: 3 62% 67%;
}
Geçiş
.gradient-df7c76 {
  background: linear-gradient(135deg, #df7c76, #dfb076);
}
Renkli gölge
.shadow-df7c76 {
  box-shadow: 0 8px 24px rgb(223 124 118 / 0.35);
}

#f08080 Light Coral ΔE 3.62 #fa8072 Salmon ΔE 5.53 #e2725b Terra Cotta ΔE 6.45 #ff6961 Pastel Red ΔE 6.91 #c08081 Old Rose ΔE 7.32 #fe6f5e Bittersweet ΔE 7.36 #cd5c5c Indian Red ΔE 8.93 #208389 Ters renk #989898 Gri tonlama 

Light Coral
#df7c76  rgb(223, 124, 118)  hsl(3, 62%, 67%)  Light Coral
#76d9df  rgb(118, 217, 223)  hsl(183, 62%, 67%)  Medium Turquoise
#76df7c  rgb(118, 223, 124)  hsl(123, 62%, 67%)  Pastel Green
#7c76df  rgb(124, 118, 223)  hsl(243, 62%, 67%)  Medium Slate Blue