ColorTool
Giriş yap
#C396CD

#c396cd ≈ Wisteria

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

#c396cd, “macenta” ailesinden bir renktir; açıklığı yüksek, doygunluğu düşük. RGB modelinde %76,47 kırmızı, %58,82 yeşil ve %80,39 maviden oluşur; CMYK baskıda %4,88 camgöbeği, %26,83 macenta, %0 sarı ve %19,61 siyah kullanır. Ton açısı 289,09°, HSL’de doygunluğu %35,48 ve açıklığı %69,61’dir. Sıcak ile soğuk arasında yer alır 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 8,56:1 kontrast oranına ulaşır (WCAG AAA). En yakın adlandırılmış renk Wisteria (#c9a0dc), ΔE 3,26.

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

Tamamlayıcı

  1. #c396cd
  2. #a0cd96

Bölünmüş tamamlayıcı

  1. #c396cd
  2. #bccd96
  3. #96cda8

Komşu

  1. #a896cd
  2. #c396cd
  3. #cd96bc

Üçlü

  1. #c396cd
  2. #cdc396
  3. #96cdc3

Dörtlü

  1. #c396cd
  2. #cd96a0
  3. #a0cd96
  4. #96cdc3

Kare

  1. #c396cd
  2. #cda896
  3. #a0cd96
  4. #96bccd

Tek renkli

  1. #7c4189
  2. #a562b4
  3. #c396cd
  4. #e1cae6
  5. #f7f1f8

Koyu tonlar

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

  1. #c396cd
  2. #b087b9
  3. #9c78a4
  4. #896990
  5. #755a7b
  6. #624b67
  7. #4e3c52
  8. #3b2d3e
  9. #271e29
  10. #140f15
  11. #000000

Açık tonlar

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

  1. #c396cd
  2. #c9a1d2
  3. #cfabd7
  4. #d5b6dc
  5. #dbc0e1
  6. #e1cbe6
  7. #e7d5eb
  8. #ede0f0
  9. #f3eaf5
  10. #f9f5fa
  11. #ffffff

Tonlar

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

  1. #c396cd
  2. #bc94c5
  3. #b692be
  4. #af8fb6
  5. #a88dae
  6. #a28ba7
  7. #9b899f
  8. #948797
  9. #8d848f
  10. #878288
  11. #808080

Okunaklı metin 2.45:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Okunaklı metin 8.56:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Akromatopsi #a5a5a5 Erkeklerin ≈ 0.003% kadarı
Akromatomali #b29fb7 Erkeklerin ≈ 0.001% kadarı
Protanopi #90a2cf Erkeklerin ≈ 1.01% kadarı
Döteranopi #9aa7cb Erkeklerin ≈ 1.27% kadarı
Tritanopi #c49ca9 Erkeklerin ≈ 0.0001% kadarı
Protanomali #a79ece Erkeklerin ≈ 1.08% kadarı
Döteranomali #aca1cc Erkeklerin ≈ 4.63% kadarı
Tritanomali #c499b9 Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

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

#c9a0dc Wisteria ΔE 3.26 #c8a2c8 Lilac ΔE 5.02 #dda0dd Plum ΔE 5.08 #e0b0ff Mauve ΔE 9.37 #b57edc Floral Lavender ΔE 9.44 #b39eb5 Pastel Purple ΔE 9.55 #ee82ee Violet ΔE 10.50 #3c6932 Ters renk #a5a5a5 Gri tonlama 

Wisteria
#c396cd  rgb(195, 150, 205)  hsl(289, 35%, 70%)  Wisteria
#a0cd96  rgb(160, 205, 150)  hsl(109, 35%, 70%)  Dark Sea Green
#cdc396  rgb(205, 195, 150)  hsl(49, 35%, 70%)  Sage
#96cdc3  rgb(150, 205, 195)  hsl(169, 35%, 70%)  Opal