ColorTool
Giriş yap
#AFA0CC

#afa0cc ≈ Wisteria

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

#afa0cc, “mor” ailesinden bir renktir; açıklığı yüksek, doygunluğu düşük. RGB modelinde %68,63 kırmızı, %62,75 yeşil ve %80 maviden oluşur; CMYK baskıda %14,22 camgöbeği, %21,57 macenta, %0 sarı ve %20 siyah kullanır. Ton açısı 260,45°, HSL’de doygunluğu %30,14 ve açıklığı %71,37’dir. Soğuk bir renktir ve çoğunlukla hayal gücü, maneviyat ve lüks 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,72:1 kontrast oranına ulaşır (WCAG AAA). En yakın adlandırılmış renk Wisteria (#c9a0dc), ΔE 6,7.

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

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

Tamamlayıcı

  1. #afa0cc
  2. #bdcca0

Bölünmüş tamamlayıcı

  1. #afa0cc
  2. #ccc5a0
  3. #a7cca0

Komşu

  1. #a0a7cc
  2. #afa0cc
  3. #c5a0cc

Üçlü

  1. #afa0cc
  2. #ccafa0
  3. #a0ccaf

Dörtlü

  1. #afa0cc
  2. #cca0bd
  3. #bdcca0
  4. #a0ccaf

Kare

  1. #afa0cc
  2. #cca0a7
  3. #bdcca0
  4. #a0ccc5

Tek renkli

  1. #5f4a89
  2. #856eb1
  3. #afa0cc
  4. #d9d2e7
  5. #f4f2f8

Koyu tonlar

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

  1. #afa0cc
  2. #9e90b8
  3. #8c80a3
  4. #7b708f
  5. #69607a
  6. #585066
  7. #464052
  8. #35303d
  9. #232029
  10. #121014
  11. #000000

Açık tonlar

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

  1. #afa0cc
  2. #b7aad1
  3. #bfb3d6
  4. #c7bddb
  5. #cfc6e0
  6. #d7d0e6
  7. #dfd9eb
  8. #e7e3f0
  9. #efecf5
  10. #f7f6fa
  11. #ffffff

Tonlar

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

  1. #afa0cc
  2. #aa9dc4
  3. #a69abd
  4. #a196b5
  5. #9c93ae
  6. #9890a6
  7. #938d9e
  8. #8e8a97
  9. #89868f
  10. #858388
  11. #808080

Okunaklı metin 2.41:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Okunaklı metin 8.72:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Akromatopsi #a7a7a7 Erkeklerin ≈ 0.003% kadarı
Akromatomali #aaa4b7 Erkeklerin ≈ 0.001% kadarı
Protanopi #97a7ce Erkeklerin ≈ 1.01% kadarı
Döteranopi #9aa7cb Erkeklerin ≈ 1.27% kadarı
Tritanopi #aaa6af Erkeklerin ≈ 0.0001% kadarı
Protanomali #a1a4cd Erkeklerin ≈ 1.08% kadarı
Döteranomali #a3a4cb Erkeklerin ≈ 4.63% kadarı
Tritanomali #aca4bb Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

Metin rengi
.text-afa0cc {
  color: #afa0cc;
}
Arka plan
.bg-afa0cc {
  background-color: #afa0cc;
  color: #000000;
}
Kenarlık
.border-afa0cc {
  border: 2px solid #afa0cc;
}
CSS değişkenleri
:root {
  --color-primary: #afa0cc;
  --color-primary-rgb: 175 160 204;
  --color-primary-hsl: 260 30% 71%;
}
Geçiş
.gradient-afa0cc {
  background: linear-gradient(135deg, #afa0cc, #c5a0cc);
}
Renkli gölge
.shadow-afa0cc {
  box-shadow: 0 8px 24px rgb(175 160 204 / 0.35);
}

#c9a0dc Wisteria ΔE 6.70 #b39eb5 Pastel Purple ΔE 7.07 #c8a2c8 Lilac ΔE 7.23 #a2add0 Wild Blue Yonder ΔE 9.20 #aa98a9 Rose Quartz ΔE 9.25 #dda0dd Plum ΔE 10.60 #8c92ac Cool Gray ΔE 10.90 #505f33 Ters renk #a7a7a7 Gri tonlama 

Wisteria
#afa0cc  rgb(175, 160, 204)  hsl(260, 30%, 71%)  Wisteria
#bdcca0  rgb(189, 204, 160)  hsl(80, 30%, 71%)  Sage
#ccafa0  rgb(204, 175, 160)  hsl(20, 30%, 71%)  Silver Pink
#a0ccaf  rgb(160, 204, 175)  hsl(140, 30%, 71%)  Seafoam Green