ColorTool
Giriş yap
#CCA1DC

#cca1dc ≈ Wisteria

  • macenta
  • Açıklık: yüksek
  • Doygunluk: düşük
  • Soğuk
Kontrastı denetle Grafikte keşfet Rastgele renk

#cca1dc, “macenta” ailesinden bir renktir; açıklığı yüksek, doygunluğu düşük. RGB modelinde %80 kırmızı, %63,14 yeşil ve %86,27 maviden oluşur; CMYK baskıda %7,27 camgöbeği, %26,82 macenta, %0 sarı ve %13,73 siyah kullanır. Ton açısı 283,73°, HSL’de doygunluğu %45,74 ve açıklığı %74,71’dir. Soğuk bir renktir ve çoğunlukla yaratıcılık, cesaret ve bireysellik ile ilişkilendirilir. Tasarımcılar onu genellikle güzellik ve kozmetik, yaratıcı stüdyolar ve marka vurguları için kullanır. Bu renk üzerinde siyah metin 9,7:1 kontrast oranına ulaşır (WCAG AAA). En yakın adlandırılmış renk Wisteria (#c9a0dc), ΔE 0,72.

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

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

Tamamlayıcı

  1. #cca1dc
  2. #b1dca1

Bölünmüş tamamlayıcı

  1. #cca1dc
  2. #cfdca1
  3. #a1dcaf

Komşu

  1. #afa1dc
  2. #cca1dc
  3. #dca1cf

Üçlü

  1. #cca1dc
  2. #dccca1
  3. #a1dccc

Dörtlü

  1. #cca1dc
  2. #dca1b1
  3. #b1dca1
  4. #a1dccc

Kare

  1. #cca1dc
  2. #dcafa1
  3. #b1dca1
  4. #a1cfdc

Tek renkli

  1. #8a3ea6
  2. #ae69c7
  3. #cca1dc
  4. #ead9f1
  5. #f7f0f9

Koyu tonlar

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

  1. #cca1dc
  2. #b891c6
  3. #a381b0
  4. #8f719a
  5. #7a6184
  6. #66516e
  7. #524058
  8. #3d3042
  9. #29202c
  10. #141016
  11. #000000

Açık tonlar

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

  1. #cca1dc
  2. #d1aae0
  3. #d6b4e3
  4. #dbbde7
  5. #e0c7ea
  6. #e6d0ee
  7. #ebd9f1
  8. #f0e3f5
  9. #f5ecf8
  10. #faf6fc
  11. #ffffff

Tonlar

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

  1. #cca1dc
  2. #c49ed3
  3. #bd9aca
  4. #b597c0
  5. #ae94b7
  6. #a691ae
  7. #9e8da5
  8. #978a9c
  9. #8f8792
  10. #888389
  11. #808080

Okunaklı metin 2.17:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Okunaklı metin 9.7:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Akromatopsi #b0b0b0 Erkeklerin ≈ 0.003% kadarı
Akromatomali #bcaac3 Erkeklerin ≈ 0.001% kadarı
Protanopi #99adde Erkeklerin ≈ 1.01% kadarı
Döteranopi #a3b2da Erkeklerin ≈ 1.27% kadarı
Tritanopi #cca8b6 Erkeklerin ≈ 0.0001% kadarı
Protanomali #b0a9dd Erkeklerin ≈ 1.08% kadarı
Döteranomali #b5abdb Erkeklerin ≈ 4.63% kadarı
Tritanomali #cca5c6 Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

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

#c9a0dc Wisteria ΔE 0.72 #dda0dd Plum ΔE 3.75 #c8a2c8 Lilac ΔE 5.30 #e0b0ff Mauve ΔE 6.24 #ee82ee Violet ΔE 10.52 #b39eb5 Pastel Purple ΔE 10.56 #b57edc Floral Lavender ΔE 10.83 #335e23 Ters renk #b0b0b0 Gri tonlama 

Wisteria
#cca1dc  rgb(204, 161, 220)  hsl(284, 46%, 75%)  Wisteria
#b1dca1  rgb(177, 220, 161)  hsl(104, 46%, 75%)  Granny Smith Apple
#dccca1  rgb(220, 204, 161)  hsl(44, 46%, 75%)  Wheat
#a1dccc  rgb(161, 220, 204)  hsl(164, 46%, 75%)  Seafoam Green