ColorTool
Giriş yap
#AB5D5D

#ab5d5d ≈ Redwood

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

#ab5d5d, “kırmızı” ailesinden bir renktir; açıklığı orta, doygunluğu orta. RGB modelinde %67,06 kırmızı, %36,47 yeşil ve %36,47 maviden oluşur; CMYK baskıda %0 camgöbeği, %45,61 macenta, %45,61 sarı ve %32,94 siyah kullanır. Ton açısı 0°, HSL’de doygunluğu %31,71 ve açıklığı %51,76’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 4,71:1 kontrast oranına ulaşır (WCAG AA). En yakın adlandırılmış renk Redwood (#a45a52), ΔE 3,61.

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

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

Tamamlayıcı

  1. #ab5d5d
  2. #5dabab

Bölünmüş tamamlayıcı

  1. #ab5d5d
  2. #5dab84
  3. #5d84ab

Komşu

  1. #ab5d84
  2. #ab5d5d
  3. #ab845d

Üçlü

  1. #ab5d5d
  2. #5dab5d
  3. #5d5dab

Dörtlü

  1. #ab5d5d
  2. #abab5d
  3. #5dabab
  4. #5d5dab

Kare

  1. #ab5d5d
  2. #84ab5d
  3. #5dabab
  4. #845dab

Tek renkli

  1. #492626
  2. #7b4040
  3. #ab5d5d
  4. #c58f8f
  5. #dfc2c2

Koyu tonlar

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

  1. #ab5d5d
  2. #9a5454
  3. #894a4a
  4. #784141
  5. #673838
  6. #562f2f
  7. #442525
  8. #331c1c
  9. #221313
  10. #110909
  11. #000000

Açık tonlar

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

  1. #ab5d5d
  2. #b36d6d
  3. #bc7d7d
  4. #c48e8e
  5. #cd9e9e
  6. #d5aeae
  7. #ddbebe
  8. #e6cece
  9. #eedfdf
  10. #f7efef
  11. #ffffff

Tonlar

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

  1. #ab5d5d
  2. #a76161
  3. #a26464
  4. #9e6868
  5. #9a6b6b
  6. #966f6f
  7. #917272
  8. #8d7676
  9. #897979
  10. #847d7d
  11. #808080

Okunaklı metin 4.71:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓
Okunaklı metin 4.46:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕

Akromatopsi #737373 Erkeklerin ≈ 0.003% kadarı
Akromatomali #8d6b6b Erkeklerin ≈ 0.001% kadarı
Protanopi #6e6a5d Erkeklerin ≈ 1.01% kadarı
Döteranopi #81795c Erkeklerin ≈ 1.27% kadarı
Tritanopi #b9535e Erkeklerin ≈ 0.0001% kadarı
Protanomali #8a655d Erkeklerin ≈ 1.08% kadarı
Döteranomali #946f5c Erkeklerin ≈ 4.63% kadarı
Tritanomali #b3575d Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

Metin rengi
.text-ab5d5d {
  color: #ab5d5d;
}
Arka plan
.bg-ab5d5d {
  background-color: #ab5d5d;
  color: #ffffff;
}
Kenarlık
.border-ab5d5d {
  border: 2px solid #ab5d5d;
}
CSS değişkenleri
:root {
  --color-primary: #ab5d5d;
  --color-primary-rgb: 171 93 93;
  --color-primary-hsl: 0 32% 52%;
}
Geçiş
.gradient-ab5d5d {
  background: linear-gradient(135deg, #ab5d5d, #ab845d);
}
Renkli gölge
.shadow-ab5d5d {
  box-shadow: 0 8px 24px rgb(171 93 93 / 0.35);
}

#a45a52 Redwood ΔE 3.61 #996666 Copper Rose ΔE 5.65 #cd5c5c Indian Red ΔE 7.17 #b76e79 Rose Gold ΔE 7.74 #cb4154 Brick Red ΔE 8.10 #915f6d Mauve Taupe ΔE 9.48 #b57281 Turkish Rose ΔE 9.82 #54a2a2 Ters renk #737373 Gri tonlama 

Redwood
#ab5d5d  rgb(171, 93, 93)  hsl(0, 32%, 52%)  Redwood
#5dabab  rgb(93, 171, 171)  hsl(180, 32%, 52%)  Cadet Blue
#5dab5d  rgb(93, 171, 93)  hsl(120, 32%, 52%)  Medium Sea Green
#5d5dab  rgb(93, 93, 171)  hsl(240, 32%, 52%)  Slate Blue