ColorTool
Giriş yap
#E20F4D

#e20f4d ≈ Amaranth

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

#e20f4d, “gül kırmızısı” ailesinden bir renktir; açıklığı orta, doygunluğu canlı. RGB modelinde %88,63 kırmızı, %5,88 yeşil ve %30,2 maviden oluşur; CMYK baskıda %0 camgöbeği, %93,36 macenta, %65,93 sarı ve %11,37 siyah kullanır. Ton açısı 342,37°, HSL’de doygunluğu %87,55 ve açıklığı %47,25’dir. Sıcak bir renktir ve çoğunlukla romantizm, oyunculuk ve sevgi ile ilişkilendirilir. Tasarımcılar onu genellikle gıda markaları ve restoranlar, indirimler ve kampanyalar ve eylem çağrısı düğmeleri için kullanır. Bu renk üzerinde beyaz metin 4,76:1 kontrast oranına ulaşır (WCAG AA). En yakın adlandırılmış renk Amaranth (#e52b50), ΔE 2,72.

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

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

Tamamlayıcı

  1. #e20f4d
  2. #0fe2a4

Bölünmüş tamamlayıcı

  1. #e20f4d
  2. #0fe23a
  3. #0fb6e2

Komşu

  1. #e20fb6
  2. #e20f4d
  3. #e23a0f

Üçlü

  1. #e20f4d
  2. #4de20f
  3. #0f4de2

Dörtlü

  1. #e20f4d
  2. #e2a40f
  3. #0fe2a4
  4. #0f4de2

Kare

  1. #e20f4d
  2. #b6e20f
  3. #0fe2a4
  4. #3a0fe2

Tek renkli

  1. #52051c
  2. #9a0a35
  3. #e20f4d
  4. #f34a7c
  5. #f892b0

Koyu tonlar

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

  1. #e20f4d
  2. #cb0e45
  3. #b50c3e
  4. #9e0b36
  5. #88092e
  6. #710827
  7. #5a061f
  8. #440517
  9. #2d030f
  10. #170208
  11. #000000

Açık tonlar

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

  1. #e20f4d
  2. #e5275f
  3. #e83f71
  4. #eb5782
  5. #ee6f94
  6. #f187a6
  7. #f39fb8
  8. #f6b7ca
  9. #f9cfdb
  10. #fce7ed
  11. #ffffff

Tonlar

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

  1. #e20f4d
  2. #d81a52
  3. #ce2657
  4. #c5315c
  5. #bb3c61
  6. #b14867
  7. #a7536c
  8. #9d5e71
  9. #946976
  10. #8a757b
  11. #808080

Okunaklı metin 4.76:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓
Okunaklı metin 4.41:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕

Akromatopsi #737373 Erkeklerin ≈ 0.003% kadarı
Akromatomali #ab5b66 Erkeklerin ≈ 0.001% kadarı
Protanopi #5b584d Erkeklerin ≈ 1.01% kadarı
Döteranopi #8d8147 Erkeklerin ≈ 1.27% kadarı
Tritanopi #f80030 Erkeklerin ≈ 0.0001% kadarı
Protanomali #a3464d Erkeklerin ≈ 1.08% kadarı
Döteranomali #b5664a Erkeklerin ≈ 4.63% kadarı
Tritanomali #f0003d Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

Metin rengi
.text-e20f4d {
  color: #e20f4d;
}
Arka plan
.bg-e20f4d {
  background-color: #e20f4d;
  color: #ffffff;
}
Kenarlık
.border-e20f4d {
  border: 2px solid #e20f4d;
}
CSS değişkenleri
:root {
  --color-primary: #e20f4d;
  --color-primary-rgb: 226 15 77;
  --color-primary-hsl: 342 88% 47%;
}
Geçiş
.gradient-e20f4d {
  background: linear-gradient(135deg, #e20f4d, #e23a0f);
}
Renkli gölge
.shadow-e20f4d {
  box-shadow: 0 8px 24px rgb(226 15 77 / 0.35);
}

#e52b50 Amaranth ΔE 2.72 #e30b5c Raspberry ΔE 4.00 #dc143c Crimson ΔE 4.45 #cb4154 Brick Red ΔE 4.66 #e0115f Ruby ΔE 4.93 #de3163 Cerise ΔE 5.04 #ff004f Folly ΔE 6.14 #1df0b2 Ters renk #737373 Gri tonlama 

Amaranth
#e20f4d  rgb(226, 15, 77)  hsl(342, 88%, 47%)  Amaranth
#0fe2a4  rgb(15, 226, 164)  hsl(162, 88%, 47%)  Caribbean Green
#4de20f  rgb(77, 226, 15)  hsl(102, 88%, 47%)  Lime Green
#0f4de2  rgb(15, 77, 226)  hsl(222, 88%, 47%)  Sapphire