ColorTool
Giriş yap
#DF4B60

#df4b60 ≈ Amaranth

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

#df4b60, “kırmızı” ailesinden bir renktir; açıklığı orta, doygunluğu güçlü. RGB modelinde %87,45 kırmızı, %29,41 yeşil ve %37,65 maviden oluşur; CMYK baskıda %0 camgöbeği, %66,37 macenta, %56,95 sarı ve %12,55 siyah kullanır. Ton açısı 351,49°, HSL’de doygunluğu %69,81 ve açıklığı %58,43’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 5,31:1 kontrast oranına ulaşır (WCAG AA). En yakın adlandırılmış renk Amaranth (#e52b50), ΔE 4,29.

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

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

Tamamlayıcı

  1. #df4b60
  2. #4bdfca

Bölünmüş tamamlayıcı

  1. #df4b60
  2. #4bdf80
  3. #4baadf

Komşu

  1. #df4baa
  2. #df4b60
  3. #df804b

Üçlü

  1. #df4b60
  2. #60df4b
  3. #4b60df

Dörtlü

  1. #df4b60
  2. #dfca4b
  3. #4bdfca
  4. #4b60df

Kare

  1. #df4b60
  2. #aadf4b
  3. #4bdfca
  4. #804bdf

Tek renkli

  1. #7b1624
  2. #bc2137
  3. #df4b60
  4. #eb8c99
  5. #f6cdd3

Koyu tonlar

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

  1. #df4b60
  2. #c94456
  3. #b23c4d
  4. #9c3543
  5. #862d3a
  6. #702630
  7. #591e26
  8. #43171d
  9. #2d0f13
  10. #16080a
  11. #000000

Açık tonlar

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

  1. #df4b60
  2. #e25d70
  3. #e56f80
  4. #e98190
  5. #ec93a0
  6. #efa5b0
  7. #f2b7bf
  8. #f5c9cf
  9. #f9dbdf
  10. #fcedef
  11. #ffffff

Tonlar

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

  1. #df4b60
  2. #d65063
  3. #cc5666
  4. #c35b6a
  5. #b9606d
  6. #b06670
  7. #a66b73
  8. #9d7076
  9. #93757a
  10. #8a7b7d
  11. #808080

Okunaklı metin 3.95:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕
Okunaklı metin 5.31:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓

Akromatopsi #808080 Erkeklerin ≈ 0.003% kadarı
Akromatomali #ae6f74 Erkeklerin ≈ 0.001% kadarı
Protanopi #706c60 Erkeklerin ≈ 1.01% kadarı
Döteranopi #968b5c Erkeklerin ≈ 1.27% kadarı
Tritanopi #f32c54 Erkeklerin ≈ 0.0001% kadarı
Protanomali #a86160 Erkeklerin ≈ 1.08% kadarı
Döteranomali #b8775e Erkeklerin ≈ 4.63% kadarı
Tritanomali #ec3b59 Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

Metin rengi
.text-df4b60 {
  color: #df4b60;
}
Arka plan
.bg-df4b60 {
  background-color: #df4b60;
  color: #000000;
}
Kenarlık
.border-df4b60 {
  border: 2px solid #df4b60;
}
CSS değişkenleri
:root {
  --color-primary: #df4b60;
  --color-primary-rgb: 223 75 96;
  --color-primary-hsl: 351 70% 58%;
}
Geçiş
.gradient-df4b60 {
  background: linear-gradient(135deg, #df4b60, #df804b);
}
Renkli gölge
.shadow-df4b60 {
  box-shadow: 0 8px 24px rgb(223 75 96 / 0.35);
}

#e52b50 Amaranth ΔE 4.29 #fe4164 Neon Fuchsia ΔE 5.19 #cd5c5c Indian Red ΔE 5.20 #cb4154 Brick Red ΔE 5.22 #de3163 Cerise ΔE 5.59 #ff004f Folly ΔE 6.02 #e30b5c Raspberry ΔE 7.23 #20b49f Ters renk #808080 Gri tonlama 

Amaranth
#df4b60  rgb(223, 75, 96)  hsl(351, 70%, 58%)  Amaranth
#4bdfca  rgb(75, 223, 202)  hsl(171, 70%, 58%)  Turquoise
#60df4b  rgb(96, 223, 75)  hsl(111, 70%, 58%)  Malachite
#4b60df  rgb(75, 96, 223)  hsl(231, 70%, 58%)  Ultramarine Blue