ColorTool
Giriş yap
#E22153

#e22153 ≈ Amaranth

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

#e22153, “gül kırmızısı” ailesinden bir renktir; açıklığı orta, doygunluğu canlı. RGB modelinde %88,63 kırmızı, %12,94 yeşil ve %32,55 maviden oluşur; CMYK baskıda %0 camgöbeği, %85,4 macenta, %63,27 sarı ve %11,37 siyah kullanır. Ton açısı 344,46°, HSL’de doygunluğu %76,89 ve açıklığı %50,78’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 marka vurguları için kullanır. Bu renk üzerinde beyaz metin 4,59:1 kontrast oranına ulaşır (WCAG AA). En yakın adlandırılmış renk Amaranth (#e52b50), ΔE 2,28.

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

Tamamlayıcı

  1. #e22153
  2. #21e2b0

Bölünmüş tamamlayıcı

  1. #e22153
  2. #21e24f
  3. #21b3e2

Komşu

  1. #e221b3
  2. #e22153
  3. #e24f21

Üçlü

  1. #e22153
  2. #53e221
  3. #2153e2

Dörtlü

  1. #e22153
  2. #e2b021
  3. #21e2b0
  4. #2153e2

Kare

  1. #e22153
  2. #b3e221
  3. #21e2b0
  4. #4f21e2

Tek renkli

  1. #5e0c21
  2. #a11539
  3. #e22153
  4. #eb6587
  5. #f4a8bc

Koyu tonlar

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

  1. #e22153
  2. #cb1e4b
  3. #b51a42
  4. #9e173a
  5. #881432
  6. #71112a
  7. #5a0d21
  8. #440a19
  9. #2d0711
  10. #170308
  11. #000000

Açık tonlar

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

  1. #e22153
  2. #e53764
  3. #e84d75
  4. #eb6487
  5. #ee7a98
  6. #f190a9
  7. #f3a6ba
  8. #f6bccb
  9. #f9d3dd
  10. #fce9ee
  11. #ffffff

Tonlar

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

  1. #e22153
  2. #d82b58
  3. #ce345c
  4. #c53e61
  5. #bb4765
  6. #b1516a
  7. #a75a6e
  8. #9d6473
  9. #946d77
  10. #8a777c
  11. #808080

Okunaklı metin 4.59:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓
Okunaklı metin 4.58:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓

Akromatopsi #757575 Erkeklerin ≈ 0.003% kadarı
Akromatomali #ac5f69 Erkeklerin ≈ 0.001% kadarı
Protanopi #5f5c53 Erkeklerin ≈ 1.01% kadarı
Döteranopi #8f834e Erkeklerin ≈ 1.27% kadarı
Tritanopi #f80039 Erkeklerin ≈ 0.0001% kadarı
Protanomali #a44b53 Erkeklerin ≈ 1.08% kadarı
Döteranomali #b66950 Erkeklerin ≈ 4.63% kadarı
Tritanomali #ef0045 Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

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

#e52b50 Amaranth ΔE 2.28 #e30b5c Raspberry ΔE 3.35 #de3163 Cerise ΔE 3.84 #cb4154 Brick Red ΔE 4.27 #e0115f Ruby ΔE 4.29 #dc143c Crimson ΔE 5.49 #ff004f Folly ΔE 5.78 #1ddeac Ters renk #757575 Gri tonlama 

Amaranth
#e22153  rgb(226, 33, 83)  hsl(344, 77%, 51%)  Amaranth
#21e2b0  rgb(33, 226, 176)  hsl(164, 77%, 51%)  Caribbean Green
#53e221  rgb(83, 226, 33)  hsl(104, 77%, 51%)  Lime Green
#2153e2  rgb(33, 83, 226)  hsl(224, 77%, 51%)  Sapphire