ColorTool
Giriş yap
#C698D4

#c698d4 ≈ Wisteria

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

#c698d4, “macenta” ailesinden bir renktir; açıklığı yüksek, doygunluğu düşük. RGB modelinde %77,65 kırmızı, %59,61 yeşil ve %83,14 maviden oluşur; CMYK baskıda %6,6 camgöbeği, %28,3 macenta, %0 sarı ve %16,86 siyah kullanır. Ton açısı 286°, HSL’de doygunluğu %41,1 ve açıklığı %71,37’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,84:1 kontrast oranına ulaşır (WCAG AAA). En yakın adlandırılmış renk Wisteria (#c9a0dc), ΔE 2,23.

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

Tamamlayıcı

  1. #c698d4
  2. #a6d498

Bölünmüş tamamlayıcı

  1. #c698d4
  2. #c4d498
  3. #98d4a8

Komşu

  1. #a898d4
  2. #c698d4
  3. #d498c4

Üçlü

  1. #c698d4
  2. #d4c698
  3. #98d4c6

Dörtlü

  1. #c698d4
  2. #d498a6
  3. #a6d498
  4. #98d4c6

Kare

  1. #c698d4
  2. #d4a898
  3. #a6d498
  4. #98c4d4

Tek renkli

  1. #813e95
  2. #a862bd
  3. #c698d4
  4. #e4ceeb
  5. #f7f1f9

Koyu tonlar

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

  1. #c698d4
  2. #b289bf
  3. #9e7aaa
  4. #8b6a94
  5. #775b7f
  6. #634c6a
  7. #4f3d55
  8. #3b2e40
  9. #281e2a
  10. #140f15
  11. #000000

Açık tonlar

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

  1. #c698d4
  2. #cca2d8
  3. #d1addd
  4. #d7b7e1
  5. #ddc1e5
  6. #e3ccea
  7. #e8d6ee
  8. #eee0f2
  9. #f4eaf6
  10. #f9f5fb
  11. #ffffff

Tonlar

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

  1. #c698d4
  2. #bf96cc
  3. #b893c3
  4. #b191bb
  5. #aa8eb2
  6. #a38caa
  7. #9c8aa2
  8. #958799
  9. #8e8591
  10. #878288
  11. #808080

Okunaklı metin 2.37:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Okunaklı metin 8.84:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Akromatopsi #a8a8a8 Erkeklerin ≈ 0.003% kadarı
Akromatomali #b5a2bb Erkeklerin ≈ 0.001% kadarı
Protanopi #91a5d6 Erkeklerin ≈ 1.01% kadarı
Döteranopi #9baad2 Erkeklerin ≈ 1.27% kadarı
Tritanopi #c69fad Erkeklerin ≈ 0.0001% kadarı
Protanomali #a9a0d5 Erkeklerin ≈ 1.08% kadarı
Döteranomali #aea3d3 Erkeklerin ≈ 4.63% kadarı
Tritanomali #c69cbe Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

Metin rengi
.text-c698d4 {
  color: #c698d4;
}
Arka plan
.bg-c698d4 {
  background-color: #c698d4;
  color: #000000;
}
Kenarlık
.border-c698d4 {
  border: 2px solid #c698d4;
}
CSS değişkenleri
:root {
  --color-primary: #c698d4;
  --color-primary-rgb: 198 152 212;
  --color-primary-hsl: 286 41% 71%;
}
Geçiş
.gradient-c698d4 {
  background: linear-gradient(135deg, #c698d4, #d498c4);
}
Renkli gölge
.shadow-c698d4 {
  box-shadow: 0 8px 24px rgb(198 152 212 / 0.35);
}

#c9a0dc Wisteria ΔE 2.23 #dda0dd Plum ΔE 4.52 #c8a2c8 Lilac ΔE 5.72 #e0b0ff Mauve ΔE 8.11 #b57edc Floral Lavender ΔE 9.04 #ee82ee Violet ΔE 9.80 #b39eb5 Pastel Purple ΔE 10.46 #39672b Ters renk #a8a8a8 Gri tonlama 

Wisteria
#c698d4  rgb(198, 152, 212)  hsl(286, 41%, 71%)  Wisteria
#a6d498  rgb(166, 212, 152)  hsl(106, 41%, 71%)  Granny Smith Apple
#d4c698  rgb(212, 198, 152)  hsl(46, 41%, 71%)  Ecru
#98d4c6  rgb(152, 212, 198)  hsl(166, 41%, 71%)  Seafoam Green