ColorTool
Giriş yap
#DF97CC

#df97cc ≈ Plum

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

#df97cc, “macenta” ailesinden bir renktir; açıklığı yüksek, doygunluğu orta. RGB modelinde %87,45 kırmızı, %59,22 yeşil ve %80 maviden oluşur; CMYK baskıda %0 camgöbeği, %32,29 macenta, %8,52 sarı ve %12,55 siyah kullanır. Ton açısı 315,83°, HSL’de doygunluğu %52,94 ve açıklığı %73,33’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 9,44:1 kontrast oranına ulaşır (WCAG AAA). En yakın adlandırılmış renk Plum (#dda0dd), ΔE 3,99.

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

Tamamlayıcı

  1. #df97cc
  2. #97dfaa

Bölünmüş tamamlayıcı

  1. #df97cc
  2. #a8df97
  3. #97dfce

Komşu

  1. #ce97df
  2. #df97cc
  3. #df97a8

Üçlü

  1. #df97cc
  2. #ccdf97
  3. #97ccdf

Dörtlü

  1. #df97cc
  2. #dfaa97
  3. #97dfaa
  4. #97ccdf

Kare

  1. #df97cc
  2. #dfce97
  3. #97dfaa
  4. #97a8df

Tek renkli

  1. #a9348a
  2. #cd5caf
  3. #df97cc
  4. #f1d1e9
  5. #faeff7

Koyu tonlar

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

  1. #df97cc
  2. #c988b8
  3. #b279a3
  4. #9c6a8f
  5. #865b7a
  6. #704c66
  7. #593c52
  8. #432d3d
  9. #2d1e29
  10. #160f14
  11. #000000

Açık tonlar

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

  1. #df97cc
  2. #e2a1d1
  3. #e5acd6
  4. #e9b6db
  5. #ecc1e0
  6. #efcbe6
  7. #f2d5eb
  8. #f5e0f0
  9. #f9eaf5
  10. #fcf5fa
  11. #ffffff

Tonlar

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

  1. #df97cc
  2. #d695c4
  3. #cc92bd
  4. #c390b5
  5. #b98eae
  6. #b08ca6
  7. #a6899e
  8. #9d8797
  9. #93858f
  10. #8a8288
  11. #808080

Okunaklı metin 2.23:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Okunaklı metin 9.44:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Akromatopsi #aeaeae Erkeklerin ≈ 0.003% kadarı
Akromatomali #c3a5bb Erkeklerin ≈ 0.001% kadarı
Protanopi #98a7ce Erkeklerin ≈ 1.01% kadarı
Döteranopi #aab2ca Erkeklerin ≈ 1.27% kadarı
Tritanopi #e699aa Erkeklerin ≈ 0.0001% kadarı
Protanomali #b9a1cd Erkeklerin ≈ 1.08% kadarı
Döteranomali #c1a8cb Erkeklerin ≈ 4.63% kadarı
Tritanomali #e498b8 Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

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

#dda0dd Plum ΔE 3.99 #c8a2c8 Lilac ΔE 6.58 #f77fbe Persian Pink ΔE 7.31 #c9a0dc Wisteria ΔE 7.39 #ffa6c9 Carnation Pink ΔE 8.33 #ee82ee Violet ΔE 9.32 #f6adc6 Nadeshiko Pink ΔE 9.45 #206833 Ters renk #aeaeae Gri tonlama 

Plum
#df97cc  rgb(223, 151, 204)  hsl(316, 53%, 73%)  Plum
#97dfaa  rgb(151, 223, 170)  hsl(136, 53%, 73%)  Celadon
#ccdf97  rgb(204, 223, 151)  hsl(76, 53%, 73%)  Pale Goldenrod
#97ccdf  rgb(151, 204, 223)  hsl(196, 53%, 73%)  Sky Blue