ColorTool
Giriş yap
#A55D6D

#a55d6d ≈ Mauve Taupe

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

#a55d6d, “kırmızı” ailesinden bir renktir; açıklığı orta, doygunluğu orta. RGB modelinde %64,71 kırmızı, %36,47 yeşil ve %42,75 maviden oluşur; CMYK baskıda %0 camgöbeği, %43,64 macenta, %33,94 sarı ve %35,29 siyah kullanır. Ton açısı 346,67°, HSL’de doygunluğu %28,57 ve açıklığı %50,59’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,79:1 kontrast oranına ulaşır (WCAG AA). En yakın adlandırılmış renk Mauve Taupe (#915f6d), ΔE 5,04.

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

Tamamlayıcı

  1. #a55d6d
  2. #5da595

Bölünmüş tamamlayıcı

  1. #a55d6d
  2. #5da571
  3. #5d91a5

Komşu

  1. #a55d91
  2. #a55d6d
  3. #a5715d

Üçlü

  1. #a55d6d
  2. #6da55d
  3. #5d6da5

Dörtlü

  1. #a55d6d
  2. #a5955d
  3. #5da595
  4. #5d6da5

Kare

  1. #a55d6d
  2. #91a55d
  3. #5da595
  4. #715da5

Tek renkli

  1. #44262c
  2. #75414c
  3. #a55d6d
  4. #c08e99
  5. #dcbfc6

Koyu tonlar

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

  1. #a55d6d
  2. #955462
  3. #844a57
  4. #74414c
  5. #633841
  6. #532f37
  7. #42252c
  8. #321c21
  9. #211316
  10. #11090b
  11. #000000

Açık tonlar

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

  1. #a55d6d
  2. #ae6d7c
  3. #b77d8a
  4. #c08e99
  5. #c99ea7
  6. #d2aeb6
  7. #dbbec5
  8. #e4ced3
  9. #eddfe2
  10. #f6eff0
  11. #ffffff

Tonlar

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

  1. #a55d6d
  2. #a1616f
  3. #9e6471
  4. #9a6873
  5. #966b75
  6. #936f77
  7. #8f7278
  8. #8b767a
  9. #87797c
  10. #847d7e
  11. #808080

Okunaklı metin 4.79:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓
Okunaklı metin 4.39:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕

Akromatopsi #727272 Erkeklerin ≈ 0.003% kadarı
Akromatomali #896a70 Erkeklerin ≈ 0.001% kadarı
Protanopi #696a6d Erkeklerin ≈ 1.01% kadarı
Döteranopi #7b786b Erkeklerin ≈ 1.27% kadarı
Tritanopi #b05763 Erkeklerin ≈ 0.0001% kadarı
Protanomali #85656d Erkeklerin ≈ 1.08% kadarı
Döteranomali #8e6e6c Erkeklerin ≈ 4.63% kadarı
Tritanomali #ac5967 Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

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

#915f6d Mauve Taupe ΔE 5.04 #996666 Copper Rose ΔE 6.58 #b76e79 Rose Gold ΔE 6.66 #b57281 Turkish Rose ΔE 7.39 #a45a52 Redwood ΔE 9.54 #8a496b Twilight Lavender ΔE 10.17 #cb4154 Brick Red ΔE 10.67 #5aa292 Ters renk #727272 Gri tonlama 

Mauve Taupe
#a55d6d  rgb(165, 93, 109)  hsl(347, 29%, 51%)  Mauve Taupe
#5da595  rgb(93, 165, 149)  hsl(167, 29%, 51%)  Persian Green
#6da55d  rgb(109, 165, 93)  hsl(107, 29%, 51%)  Asparagus
#5d6da5  rgb(93, 109, 165)  hsl(227, 29%, 51%)  Queen Blue