ColorTool
Giriş yap
#C5A1A2

#c5a1a2 ≈ Rosy Brown

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

#c5a1a2, “kırmızı” ailesinden bir renktir; açıklığı yüksek, doygunluğu düşük. RGB modelinde %77,25 kırmızı, %63,14 yeşil ve %63,53 maviden oluşur; CMYK baskıda %0 camgöbeği, %18,27 macenta, %17,77 sarı ve %22,75 siyah kullanır. Ton açısı 358,33°, HSL’de doygunluğu %23,68 ve açıklığı %70,2’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 siyah metin 8,99:1 kontrast oranına ulaşır (WCAG AAA). En yakın adlandırılmış renk Rosy Brown (#bc8f8f), ΔE 5,47.

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

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

Tamamlayıcı

  1. #c5a1a2
  2. #a1c5c4

Bölünmüş tamamlayıcı

  1. #c5a1a2
  2. #a1c5b2
  3. #a1b4c5

Komşu

  1. #c5a1b4
  2. #c5a1a2
  3. #c5b2a1

Üçlü

  1. #c5a1a2
  2. #a2c5a1
  3. #a1a2c5

Dörtlü

  1. #c5a1a2
  2. #c5c4a1
  3. #a1c5c4
  4. #a1a2c5

Kare

  1. #c5a1a2
  2. #b4c5a1
  3. #a1c5c4
  4. #b2a1c5

Tek renkli

  1. #7f4e50
  2. #a87273
  3. #c5a1a2
  4. #e2d0d1
  5. #f7f2f3

Koyu tonlar

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

  1. #c5a1a2
  2. #b19192
  3. #9e8182
  4. #8a7171
  5. #766161
  6. #635151
  7. #4f4041
  8. #3b3031
  9. #272020
  10. #141010
  11. #000000

Açık tonlar

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

  1. #c5a1a2
  2. #cbaaab
  3. #d1b4b5
  4. #d6bdbe
  5. #dcc7c7
  6. #e2d0d1
  7. #e8d9da
  8. #eee3e3
  9. #f3ecec
  10. #f9f6f6
  11. #ffffff

Tonlar

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

  1. #c5a1a2
  2. #be9e9f
  3. #b79a9b
  4. #b09798
  5. #a99494
  6. #a39191
  7. #9c8d8e
  8. #958a8a
  9. #8e8787
  10. #878383
  11. #808080

Okunaklı metin 2.33:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Okunaklı metin 8.99:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Akromatopsi #aaaaaa Erkeklerin ≈ 0.003% kadarı
Akromatomali #b5a6a7 Erkeklerin ≈ 0.001% kadarı
Protanopi #a7a6a2 Erkeklerin ≈ 1.01% kadarı
Döteranopi #afaca1 Erkeklerin ≈ 1.27% kadarı
Tritanopi #cd9ea1 Erkeklerin ≈ 0.0001% kadarı
Protanomali #b4a4a2 Erkeklerin ≈ 1.08% kadarı
Döteranomali #b8a8a2 Erkeklerin ≈ 4.63% kadarı
Tritanomali #ca9fa2 Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

Metin rengi
.text-c5a1a2 {
  color: #c5a1a2;
}
Arka plan
.bg-c5a1a2 {
  background-color: #c5a1a2;
  color: #000000;
}
Kenarlık
.border-c5a1a2 {
  border: 2px solid #c5a1a2;
}
CSS değişkenleri
:root {
  --color-primary: #c5a1a2;
  --color-primary-rgb: 197 161 162;
  --color-primary-hsl: 358 24% 70%;
}
Geçiş
.gradient-c5a1a2 {
  background: linear-gradient(135deg, #c5a1a2, #c5b2a1);
}
Renkli gölge
.shadow-c5a1a2 {
  box-shadow: 0 8px 24px rgb(197 161 162 / 0.35);
}

#bc8f8f Rosy Brown ΔE 5.47 #c4aead Silver Pink ΔE 5.57 #dea5a4 Pastel Pink ΔE 5.94 #aa98a9 Rose Quartz ΔE 9.36 #b39eb5 Pastel Purple ΔE 9.83 #cc8899 Puce ΔE 10.08 #f4c2c2 Baby Pink ΔE 10.15 #3a5e5d Ters renk #aaaaaa Gri tonlama 

Rosy Brown
#c5a1a2  rgb(197, 161, 162)  hsl(358, 24%, 70%)  Rosy Brown
#a1c5c4  rgb(161, 197, 196)  hsl(178, 24%, 70%)  Opal
#a2c5a1  rgb(162, 197, 161)  hsl(118, 24%, 70%)  Dark Sea Green
#a1a2c5  rgb(161, 162, 197)  hsl(238, 24%, 70%)  Wild Blue Yonder