ColorTool
Giriş yap
#AB453F

#ab453f ≈ Chestnut

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

#ab453f, “kırmızı” ailesinden bir renktir; açıklığı orta, doygunluğu orta. RGB modelinde %67,06 kırmızı, %27,06 yeşil ve %24,71 maviden oluşur; CMYK baskıda %0 camgöbeği, %59,65 macenta, %63,16 sarı ve %32,94 siyah kullanır. Ton açısı 3,33°, HSL’de doygunluğu %46,15 ve açıklığı %45,88’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,75:1 kontrast oranına ulaşır (WCAG AA). En yakın adlandırılmış renk Chestnut (#954535), ΔE 5,56.

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

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

Tamamlayıcı

  1. #ab453f
  2. #3fa5ab

Bölünmüş tamamlayıcı

  1. #ab453f
  2. #3fab7b
  3. #3f6fab

Komşu

  1. #ab3f6f
  2. #ab453f
  3. #ab7b3f

Üçlü

  1. #ab453f
  2. #3fab45
  3. #453fab

Dörtlü

  1. #ab453f
  2. #a5ab3f
  3. #3fa5ab
  4. #453fab

Kare

  1. #ab453f
  2. #6fab3f
  3. #3fa5ab
  4. #7b3fab

Tek renkli

  1. #3b1816
  2. #732e2a
  3. #ab453f
  4. #c9726d
  5. #dea8a5

Koyu tonlar

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

  1. #ab453f
  2. #9a3e39
  3. #893732
  4. #78302c
  5. #672926
  6. #562320
  7. #441c19
  8. #331513
  9. #220e0d
  10. #110706
  11. #000000

Açık tonlar

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

  1. #ab453f
  2. #b35852
  3. #bc6a65
  4. #c47d79
  5. #cd8f8c
  6. #d5a29f
  7. #ddb5b2
  8. #e6c7c5
  9. #eedad9
  10. #f7ecec
  11. #ffffff

Tonlar

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

  1. #ab453f
  2. #a74b46
  3. #a2514c
  4. #9e5753
  5. #9a5d59
  6. #966360
  7. #916866
  8. #8d6e6d
  9. #897473
  10. #847a7a
  11. #808080

Okunaklı metin 5.75:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓
Okunaklı metin 3.65:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕

Akromatopsi #666666 Erkeklerin ≈ 0.003% kadarı
Akromatomali #875b59 Erkeklerin ≈ 0.001% kadarı
Protanopi #5f583e Erkeklerin ≈ 1.01% kadarı
Döteranopi #786e3c Erkeklerin ≈ 1.27% kadarı
Tritanopi #bb3144 Erkeklerin ≈ 0.0001% kadarı
Protanomali #84513e Erkeklerin ≈ 1.08% kadarı
Döteranomali #8f603e Erkeklerin ≈ 4.63% kadarı
Tritanomali #b53a42 Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

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

#954535 Chestnut ΔE 5.56 #a52a2a Brown ΔE 5.79 #a52a2a Auburn ΔE 5.79 #a45a52 Redwood ΔE 5.91 #cc3333 Persian Red ΔE 6.55 #b22222 Firebrick ΔE 6.62 #c41e3a Cardinal ΔE 6.90 #54bac0 Ters renk #666666 Gri tonlama 

Chestnut
#ab453f  rgb(171, 69, 63)  hsl(3, 46%, 46%)  Chestnut
#3fa5ab  rgb(63, 165, 171)  hsl(183, 46%, 46%)  Cadet Blue
#3fab45  rgb(63, 171, 69)  hsl(123, 46%, 46%)  Medium Sea Green
#453fab  rgb(69, 63, 171)  hsl(243, 46%, 46%)  Ocean Blue