ColorTool
Giriş yap
#CA557B

#ca557b ≈ Blush

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

#ca557b, “gül kırmızısı” ailesinden bir renktir; açıklığı orta, doygunluğu orta. RGB modelinde %79,22 kırmızı, %33,33 yeşil ve %48,24 maviden oluşur; CMYK baskıda %0 camgöbeği, %57,92 macenta, %39,11 sarı ve %20,78 siyah kullanır. Ton açısı 340,51°, HSL’de doygunluğu %52,47 ve açıklığı %56,27’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 siyah metin 5,1:1 kontrast oranına ulaşır (WCAG AA). En yakın adlandırılmış renk Blush (#de5d83), ΔE 4,74.

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

Tamamlayıcı

  1. #ca557b
  2. #55caa4

Bölünmüş tamamlayıcı

  1. #ca557b
  2. #55ca69
  3. #55b6ca

Komşu

  1. #ca55b6
  2. #ca557b
  3. #ca6955

Üçlü

  1. #ca557b
  2. #7bca55
  3. #557bca

Dörtlü

  1. #ca557b
  2. #caa455
  3. #55caa4
  4. #557bca

Kare

  1. #ca557b
  2. #b6ca55
  3. #55caa4
  4. #6955ca

Tek renkli

  1. #662037
  2. #a03256
  3. #ca557b
  4. #dc8fa8
  5. #eecad6

Koyu tonlar

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

  1. #ca557b
  2. #b64d6f
  3. #a24462
  4. #8d3c56
  5. #79334a
  6. #652b3e
  7. #512231
  8. #3d1a25
  9. #281119
  10. #14090c
  11. #000000

Açık tonlar

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

  1. #ca557b
  2. #cf6688
  3. #d57795
  4. #da88a3
  5. #df99b0
  6. #e5aabd
  7. #eabbca
  8. #efccd7
  9. #f4dde5
  10. #faeef2
  11. #ffffff

Tonlar

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

  1. #ca557b
  2. #c3597c
  3. #bb5e7c
  4. #b4627d
  5. #ac667d
  6. #a56b7e
  7. #9e6f7e
  8. #96737f
  9. #8f777f
  10. #877c80
  11. #808080

Okunaklı metin 4.12:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕
Okunaklı metin 5.1:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓

Akromatopsi #7d7d7d Erkeklerin ≈ 0.003% kadarı
Akromatomali #a26f7c Erkeklerin ≈ 0.001% kadarı
Protanopi #6a6f7c Erkeklerin ≈ 1.01% kadarı
Döteranopi #898578 Erkeklerin ≈ 1.27% kadarı
Tritanopi #da4963 Erkeklerin ≈ 0.0001% kadarı
Protanomali #9a667c Erkeklerin ≈ 1.08% kadarı
Döteranomali #a77579 Erkeklerin ≈ 4.63% kadarı
Tritanomali #d44e6e Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

Metin rengi
.text-ca557b {
  color: #ca557b;
}
Arka plan
.bg-ca557b {
  background-color: #ca557b;
  color: #000000;
}
Kenarlık
.border-ca557b {
  border: 2px solid #ca557b;
}
CSS değişkenleri
:root {
  --color-primary: #ca557b;
  --color-primary-rgb: 202 85 123;
  --color-primary-hsl: 341 52% 56%;
}
Geçiş
.gradient-ca557b {
  background: linear-gradient(135deg, #ca557b, #ca6955);
}
Renkli gölge
.shadow-ca557b {
  box-shadow: 0 8px 24px rgb(202 85 123 / 0.35);
}

#de5d83 Blush ΔE 4.74 #cf3476 Telemagenta ΔE 5.84 #c54b8c Mulberry ΔE 6.57 #e3256b Razzmatazz ΔE 6.84 #de3163 Cerise ΔE 7.20 #f64a8a French Rose ΔE 7.67 #db7093 Pale Violet Red ΔE 7.77 #35aa84 Ters renk #7d7d7d Gri tonlama 

Blush
#ca557b  rgb(202, 85, 123)  hsl(341, 52%, 56%)  Blush
#55caa4  rgb(85, 202, 164)  hsl(161, 52%, 56%)  Medium Aquamarine
#7bca55  rgb(123, 202, 85)  hsl(101, 52%, 56%)  Mantis
#557bca  rgb(85, 123, 202)  hsl(221, 52%, 56%)  Glaucous