ColorTool
Giriş yap
#AF99CF

#af99cf ≈ Wisteria

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

#af99cf, “mor” ailesinden bir renktir; açıklığı yüksek, doygunluğu düşük. RGB modelinde %68,63 kırmızı, %60 yeşil ve %81,18 maviden oluşur; CMYK baskıda %15,46 camgöbeği, %26,09 macenta, %0 sarı ve %18,82 siyah kullanır. Ton açısı 264,44°, HSL’de doygunluğu %36 ve açıklığı %70,59’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,28:1 kontrast oranına ulaşır (WCAG AAA). En yakın adlandırılmış renk Wisteria (#c9a0dc), ΔE 5,49.

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

Tamamlayıcı

  1. #af99cf
  2. #b9cf99

Bölünmüş tamamlayıcı

  1. #af99cf
  2. #cfca99
  3. #9ecf99

Komşu

  1. #999ecf
  2. #af99cf
  3. #ca99cf

Üçlü

  1. #af99cf
  2. #cfaf99
  3. #99cfaf

Dörtlü

  1. #af99cf
  2. #cf99b9
  3. #b9cf99
  4. #99cfaf

Kare

  1. #af99cf
  2. #cf999e
  3. #b9cf99
  4. #99cfca

Tek renkli

  1. #61428d
  2. #8665b7
  3. #af99cf
  4. #d8cde7
  5. #f4f1f8

Koyu tonlar

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

  1. #af99cf
  2. #9e8aba
  3. #8c7aa6
  4. #7b6b91
  5. #695c7c
  6. #584d68
  7. #463d53
  8. #352e3e
  9. #231f29
  10. #120f15
  11. #000000

Açık tonlar

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

  1. #af99cf
  2. #b7a3d4
  3. #bfadd9
  4. #c7b8dd
  5. #cfc2e2
  6. #d7cce7
  7. #dfd6ec
  8. #e7e0f1
  9. #efebf5
  10. #f7f5fa
  11. #ffffff

Tonlar

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

  1. #af99cf
  2. #aa97c7
  3. #a694bf
  4. #a192b7
  5. #9c8faf
  6. #988da8
  7. #938aa0
  8. #8e8898
  9. #898590
  10. #858388
  11. #808080

Okunaklı metin 2.54:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Okunaklı metin 8.28:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Akromatopsi #a3a3a3 Erkeklerin ≈ 0.003% kadarı
Akromatomali #a89fb6 Erkeklerin ≈ 0.001% kadarı
Protanopi #8fa2d1 Erkeklerin ≈ 1.01% kadarı
Döteranopi #92a3cd Erkeklerin ≈ 1.27% kadarı
Tritanopi #aaa1ac Erkeklerin ≈ 0.0001% kadarı
Protanomali #9d9ed0 Erkeklerin ≈ 1.08% kadarı
Döteranomali #9f9fce Erkeklerin ≈ 4.63% kadarı
Tritanomali #ac9ebb Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

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

#c9a0dc Wisteria ΔE 5.49 #c8a2c8 Lilac ΔE 7.74 #b39eb5 Pastel Purple ΔE 9.12 #b57edc Floral Lavender ΔE 9.61 #dda0dd Plum ΔE 9.66 #9678b6 Purple Mountain Majesty ΔE 10.26 #e0b0ff Mauve ΔE 10.54 #506630 Ters renk #a3a3a3 Gri tonlama 

Wisteria
#af99cf  rgb(175, 153, 207)  hsl(264, 36%, 71%)  Wisteria
#b9cf99  rgb(185, 207, 153)  hsl(84, 36%, 71%)  Olivine
#cfaf99  rgb(207, 175, 153)  hsl(24, 36%, 71%)  Tumbleweed
#99cfaf  rgb(153, 207, 175)  hsl(144, 36%, 71%)  Seafoam Green