ColorTool
Giriş yap
#BB97DC

#bb97dc ≈ Wisteria

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

#bb97dc, “mor” ailesinden bir renktir; açıklığı yüksek, doygunluğu orta. RGB modelinde %73,33 kırmızı, %59,22 yeşil ve %86,27 maviden oluşur; CMYK baskıda %15 camgöbeği, %31,36 macenta, %0 sarı ve %13,73 siyah kullanır. Ton açısı 271,3°, HSL’de doygunluğu %49,64 ve açıklığı %72,75’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,57:1 kontrast oranına ulaşır (WCAG AAA). En yakın adlandırılmış renk Wisteria (#c9a0dc), ΔE 3,94.

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

Tamamlayıcı

  1. #bb97dc
  2. #b8dc97

Bölünmüş tamamlayıcı

  1. #bb97dc
  2. #dbdc97
  3. #97dc99

Komşu

  1. #9997dc
  2. #bb97dc
  3. #dc97db

Üçlü

  1. #bb97dc
  2. #dcbb97
  3. #97dcbb

Dörtlü

  1. #bb97dc
  2. #dc97b8
  3. #b8dc97
  4. #97dcbb

Kare

  1. #bb97dc
  2. #dc9997
  3. #b8dc97
  4. #97dbdc

Tek renkli

  1. #6f37a3
  2. #965ec9
  3. #bb97dc
  4. #e0d0ef
  5. #f5f0fa

Koyu tonlar

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

  1. #bb97dc
  2. #a888c6
  3. #9679b0
  4. #836a9a
  5. #705b84
  6. #5e4c6e
  7. #4b3c58
  8. #382d42
  9. #251e2c
  10. #130f16
  11. #000000

Açık tonlar

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

  1. #bb97dc
  2. #c2a1e0
  3. #c9ace3
  4. #cfb6e7
  5. #d6c1ea
  6. #ddcbee
  7. #e4d5f1
  8. #ebe0f5
  9. #f1eaf8
  10. #f8f5fc
  11. #ffffff

Tonlar

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

  1. #bb97dc
  2. #b595d3
  3. #af92ca
  4. #a990c0
  5. #a38eb7
  6. #9e8cae
  7. #9889a5
  8. #92879c
  9. #8c8592
  10. #868289
  11. #808080

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

Akromatopsi #a5a5a5 Erkeklerin ≈ 0.003% kadarı
Akromatomali #aea0be Erkeklerin ≈ 0.001% kadarı
Protanopi #8aa4df Erkeklerin ≈ 1.01% kadarı
Döteranopi #92a6da Erkeklerin ≈ 1.27% kadarı
Tritanopi #b7a1b0 Erkeklerin ≈ 0.0001% kadarı
Protanomali #a09fde Erkeklerin ≈ 1.08% kadarı
Döteranomali #a4a0db Erkeklerin ≈ 4.63% kadarı
Tritanomali #b89dc3 Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

Metin rengi
.text-bb97dc {
  color: #bb97dc;
}
Arka plan
.bg-bb97dc {
  background-color: #bb97dc;
  color: #000000;
}
Kenarlık
.border-bb97dc {
  border: 2px solid #bb97dc;
}
CSS değişkenleri
:root {
  --color-primary: #bb97dc;
  --color-primary-rgb: 187 151 220;
  --color-primary-hsl: 271 50% 73%;
}
Geçiş
.gradient-bb97dc {
  background: linear-gradient(135deg, #bb97dc, #dc97db);
}
Renkli gölge
.shadow-bb97dc {
  box-shadow: 0 8px 24px rgb(187 151 220 / 0.35);
}

#c9a0dc Wisteria ΔE 3.94 #b57edc Floral Lavender ΔE 7.21 #dda0dd Plum ΔE 7.68 #e0b0ff Mauve ΔE 8.19 #c8a2c8 Lilac ΔE 8.60 #9678b6 Purple Mountain Majesty ΔE 10.85 #ee82ee Violet ΔE 11.04 #446823 Ters renk #a5a5a5 Gri tonlama 

Wisteria
#bb97dc  rgb(187, 151, 220)  hsl(271, 50%, 73%)  Wisteria
#b8dc97  rgb(184, 220, 151)  hsl(91, 50%, 73%)  Granny Smith Apple
#dcbb97  rgb(220, 187, 151)  hsl(31, 50%, 73%)  Tan
#97dcbb  rgb(151, 220, 187)  hsl(151, 50%, 73%)  Seafoam Green