ColorTool
Giriş yap
#DF6366

#df6366 ≈ Indian Red

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

#df6366, “kırmızı” ailesinden bir renktir; açıklığı yüksek, doygunluğu orta. RGB modelinde %87,45 kırmızı, %38,82 yeşil ve %40 maviden oluşur; CMYK baskıda %0 camgöbeği, %55,61 macenta, %54,26 sarı ve %12,55 siyah kullanır. Ton açısı 358,55°, HSL’de doygunluğu %65,96 ve açıklığı %63,14’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 6,11:1 kontrast oranına ulaşır (WCAG AA). En yakın adlandırılmış renk Indian Red (#cd5c5c), ΔE 4,21.

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

Tamamlayıcı

  1. #df6366
  2. #63dfdc

Bölünmüş tamamlayıcı

  1. #df6366
  2. #63df9e
  3. #63a4df

Komşu

  1. #df63a4
  2. #df6366
  3. #df9e63

Üçlü

  1. #df6366
  2. #66df63
  3. #6366df

Dörtlü

  1. #df6366
  2. #dfdc63
  3. #63dfdc
  4. #6366df

Kare

  1. #df6366
  2. #a4df63
  3. #63dfdc
  4. #9e63df

Tek renkli

  1. #8c1d1f
  2. #cc2a2e
  3. #df6366
  4. #eca2a4
  5. #f9e2e3

Koyu tonlar

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

  1. #df6366
  2. #c9595c
  3. #b24f52
  4. #9c4547
  5. #863b3d
  6. #703233
  7. #592829
  8. #431e1f
  9. #2d1414
  10. #160a0a
  11. #000000

Açık tonlar

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

  1. #df6366
  2. #e27375
  3. #e58285
  4. #e99294
  5. #eca1a3
  6. #efb1b3
  7. #f2c1c2
  8. #f5d0d1
  9. #f9e0e0
  10. #fceff0
  11. #ffffff

Tonlar

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

  1. #df6366
  2. #d66669
  3. #cc696b
  4. #c36c6e
  5. #b96f70
  6. #b07273
  7. #a67476
  8. #9d7778
  9. #937a7b
  10. #8a7d7d
  11. #808080

Okunaklı metin 3.43:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕
Okunaklı metin 6.11:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓

Akromatopsi #8a8a8a Erkeklerin ≈ 0.003% kadarı
Akromatomali #b37d7d Erkeklerin ≈ 0.001% kadarı
Protanopi #807a65 Erkeklerin ≈ 1.01% kadarı
Döteranopi #9f9463 Erkeklerin ≈ 1.27% kadarı
Tritanopi #f34f65 Erkeklerin ≈ 0.0001% kadarı
Protanomali #ae7266 Erkeklerin ≈ 1.08% kadarı
Döteranomali #bc8364 Erkeklerin ≈ 4.63% kadarı
Tritanomali #eb5865 Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

Metin rengi
.text-df6366 {
  color: #df6366;
}
Arka plan
.bg-df6366 {
  background-color: #df6366;
  color: #000000;
}
Kenarlık
.border-df6366 {
  border: 2px solid #df6366;
}
CSS değişkenleri
:root {
  --color-primary: #df6366;
  --color-primary-rgb: 223 99 102;
  --color-primary-hsl: 359 66% 63%;
}
Geçiş
.gradient-df6366 {
  background: linear-gradient(135deg, #df6366, #df9e63);
}
Renkli gölge
.shadow-df6366 {
  box-shadow: 0 8px 24px rgb(223 99 102 / 0.35);
}

#cd5c5c Indian Red ΔE 4.21 #fe4164 Neon Fuchsia ΔE 6.59 #ff6961 Pastel Red ΔE 7.15 #f08080 Light Coral ΔE 7.57 #e2725b Terra Cotta ΔE 8.17 #fe6f5e Bittersweet ΔE 8.75 #e52b50 Amaranth ΔE 8.93 #209c99 Ters renk #8a8a8a Gri tonlama 

Indian Red
#df6366  rgb(223, 99, 102)  hsl(359, 66%, 63%)  Indian Red
#63dfdc  rgb(99, 223, 220)  hsl(179, 66%, 63%)  Medium Turquoise
#66df63  rgb(102, 223, 99)  hsl(119, 66%, 63%)  Pastel Green
#6366df  rgb(99, 102, 223)  hsl(239, 66%, 63%)  Ultramarine Blue