ColorTool
Giriş yap
#BF89CC

#bf89cc ≈ Floral Lavender

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

#bf89cc, “macenta” ailesinden bir renktir; açıklığı yüksek, doygunluğu orta. RGB modelinde %74,9 kırmızı, %53,73 yeşil ve %80 maviden oluşur; CMYK baskıda %6,37 camgöbeği, %32,84 macenta, %0 sarı ve %20 siyah kullanır. Ton açısı 288,36°, HSL’de doygunluğu %39,64 ve açıklığı %66,86’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 7,67:1 kontrast oranına ulaşır (WCAG AAA). En yakın adlandırılmış renk Floral Lavender (#b57edc), ΔE 6,09.

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

Tamamlayıcı

  1. #bf89cc
  2. #96cc89

Bölünmüş tamamlayıcı

  1. #bf89cc
  2. #b7cc89
  3. #89cc9d

Komşu

  1. #9d89cc
  2. #bf89cc
  3. #cc89b7

Üçlü

  1. #bf89cc
  2. #ccbf89
  3. #89ccbf

Dörtlü

  1. #bf89cc
  2. #cc8996
  3. #96cc89
  4. #89ccbf

Kare

  1. #bf89cc
  2. #cc9d89
  3. #96cc89
  4. #89b7cc

Tek renkli

  1. #753983
  2. #a254b5
  3. #bf89cc
  4. #dcbee3
  5. #f7f1f9

Koyu tonlar

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

  1. #bf89cc
  2. #ac7bb8
  3. #996ea3
  4. #86608f
  5. #73527a
  6. #604566
  7. #4c3752
  8. #39293d
  9. #261b29
  10. #130e14
  11. #000000

Açık tonlar

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

  1. #bf89cc
  2. #c595d1
  3. #cca1d6
  4. #d2acdb
  5. #d9b8e0
  6. #dfc4e6
  7. #e5d0eb
  8. #ecdcf0
  9. #f2e7f5
  10. #f9f3fa
  11. #ffffff

Tonlar

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

  1. #bf89cc
  2. #b988c4
  3. #b287bd
  4. #ac86b5
  5. #a685ae
  6. #a085a6
  7. #99849e
  8. #938397
  9. #8d828f
  10. #868188
  11. #808080

Okunaklı metin 2.74:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Okunaklı metin 7.67:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Akromatopsi #9c9c9c Erkeklerin ≈ 0.003% kadarı
Akromatomali #ab95b1 Erkeklerin ≈ 0.001% kadarı
Protanopi #8198cf Erkeklerin ≈ 1.01% kadarı
Döteranopi #8e9eca Erkeklerin ≈ 1.27% kadarı
Tritanopi #c091a2 Erkeklerin ≈ 0.0001% kadarı
Protanomali #9e93ce Erkeklerin ≈ 1.08% kadarı
Döteranomali #a496cb Erkeklerin ≈ 4.63% kadarı
Tritanomali #c08eb4 Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

Metin rengi
.text-bf89cc {
  color: #bf89cc;
}
Arka plan
.bg-bf89cc {
  background-color: #bf89cc;
  color: #000000;
}
Kenarlık
.border-bf89cc {
  border: 2px solid #bf89cc;
}
CSS değişkenleri
:root {
  --color-primary: #bf89cc;
  --color-primary-rgb: 191 137 204;
  --color-primary-hsl: 288 40% 67%;
}
Geçiş
.gradient-bf89cc {
  background: linear-gradient(135deg, #bf89cc, #cc89b7);
}
Renkli gölge
.shadow-bf89cc {
  box-shadow: 0 8px 24px rgb(191 137 204 / 0.35);
}

#b57edc Floral Lavender ΔE 6.09 #c9a0dc Wisteria ΔE 6.15 #dda0dd Plum ΔE 7.44 #da70d6 Orchid ΔE 7.85 #c8a2c8 Lilac ΔE 8.77 #ee82ee Violet ΔE 9.03 #cf71af Sky Magenta ΔE 9.10 #407633 Ters renk #9c9c9c Gri tonlama 

Floral Lavender
#bf89cc  rgb(191, 137, 204)  hsl(288, 40%, 67%)  Floral Lavender
#96cc89  rgb(150, 204, 137)  hsl(108, 40%, 67%)  Pistachio
#ccbf89  rgb(204, 191, 137)  hsl(48, 40%, 67%)  Ecru
#89ccbf  rgb(137, 204, 191)  hsl(168, 40%, 67%)  Medium Turquoise