ColorTool
Giriş yap
#AF4B60

#af4b60 ≈ Brick Red

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

#af4b60, “kırmızı” ailesinden bir renktir; açıklığı orta, doygunluğu orta. RGB modelinde %68,63 kırmızı, %29,41 yeşil ve %37,65 maviden oluşur; CMYK baskıda %0 camgöbeği, %57,14 macenta, %45,14 sarı ve %31,37 siyah kullanır. Ton açısı 347,4°, HSL’de doygunluğu %40 ve açıklığı %49,02’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 beyaz metin 5,25:1 kontrast oranına ulaşır (WCAG AA). En yakın adlandırılmış renk Brick Red (#cb4154), ΔE 6,99.

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

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

Tamamlayıcı

  1. #af4b60
  2. #4baf9a

Bölünmüş tamamlayıcı

  1. #af4b60
  2. #4baf68
  3. #4b92af

Komşu

  1. #af4b92
  2. #af4b60
  3. #af684b

Üçlü

  1. #af4b60
  2. #60af4b
  3. #4b60af

Dörtlü

  1. #af4b60
  2. #af9a4b
  3. #4baf9a
  4. #4b60af

Kare

  1. #af4b60
  2. #92af4b
  3. #4baf9a
  4. #684baf

Tek renkli

  1. #441d25
  2. #793443
  3. #af4b60
  4. #c87f8e
  5. #dfb4bd

Koyu tonlar

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

  1. #af4b60
  2. #9e4456
  3. #8c3c4d
  4. #7b3543
  5. #692d3a
  6. #582630
  7. #461e26
  8. #35171d
  9. #230f13
  10. #12080a
  11. #000000

Açık tonlar

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

  1. #af4b60
  2. #b75d70
  3. #bf6f80
  4. #c78190
  5. #cf93a0
  6. #d7a5b0
  7. #dfb7bf
  8. #e7c9cf
  9. #efdbdf
  10. #f7edef
  11. #ffffff

Tonlar

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

  1. #af4b60
  2. #aa5063
  3. #a65666
  4. #a15b6a
  5. #9c606d
  6. #986670
  7. #936b73
  8. #8e7076
  9. #89757a
  10. #857b7d
  11. #808080

Okunaklı metin 5.25:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓
Okunaklı metin 4:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕

Akromatopsi #6c6c6c Erkeklerin ≈ 0.003% kadarı
Akromatomali #8c6067 Erkeklerin ≈ 0.001% kadarı
Protanopi #5f6060 Erkeklerin ≈ 1.01% kadarı
Döteranopi #79735e Erkeklerin ≈ 1.27% kadarı
Tritanopi #be3f53 Erkeklerin ≈ 0.0001% kadarı
Protanomali #875860 Erkeklerin ≈ 1.08% kadarı
Döteranomali #92665f Erkeklerin ≈ 4.63% kadarı
Tritanomali #b84458 Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

Metin rengi
.text-af4b60 {
  color: #af4b60;
}
Arka plan
.bg-af4b60 {
  background-color: #af4b60;
  color: #ffffff;
}
Kenarlık
.border-af4b60 {
  border: 2px solid #af4b60;
}
CSS değişkenleri
:root {
  --color-primary: #af4b60;
  --color-primary-rgb: 175 75 96;
  --color-primary-hsl: 347 40% 49%;
}
Geçiş
.gradient-af4b60 {
  background: linear-gradient(135deg, #af4b60, #af684b);
}
Renkli gölge
.shadow-af4b60 {
  box-shadow: 0 8px 24px rgb(175 75 96 / 0.35);
}

#cb4154 Brick Red ΔE 6.99 #cf3476 Telemagenta ΔE 8.43 #d71868 Dogwood Rose ΔE 8.47 #de3163 Cerise ΔE 8.53 #e0115f Ruby ΔE 9.05 #915f6d Mauve Taupe ΔE 9.21 #e30b5c Raspberry ΔE 9.49 #50b49f Ters renk #6c6c6c Gri tonlama 

Brick Red
#af4b60  rgb(175, 75, 96)  hsl(347, 40%, 49%)  Brick Red
#4baf9a  rgb(75, 175, 154)  hsl(167, 40%, 49%)  Persian Green
#60af4b  rgb(96, 175, 75)  hsl(107, 40%, 49%)  Mantis
#4b60af  rgb(75, 96, 175)  hsl(227, 40%, 49%)  Denim