لون مسمّى · #FF85CF
Princess Perfume
Princess Perfume هو #FF85CF: rgb(255 133 207)، hsl(324 100% 76%)، oklch(0.774 0.17 344.5). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Pink mean? → · Princess Perfume color name →
#FF85CF
oklch(0.774 0.17 344.5)
تحويلات الألوان
- HEX
- #ff85cf
- RGB
- rgb(255 133 207)
- HSL
- hsl(324 100% 76%)
- HWB
- hwb(324 52% 0%)
- OKLCH
- oklch(0.774 0.17 344.5)
- OKLab
- oklab(0.774 0.164 -0.045)
- CIE Lab
- lab(71.45 53.6 -16.44)
- LCH
- lch(71.45 56.07 342.9)
- CMYK
- cmyk(0% 48% 19% 0%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- FF92D4
- FF9FD9
- FFABDE
- FFB8E2
- FFC4E7
- FFD0EC
- FFDCF1
- FFE8F5
- FFF3FA
درجات داكنة
- DE73B4
- BE6199
- 9E507F
- 804067
- 63304F
- 482138
- 2E1323
- 160610
- 030102
درجات رمادية
- F386C7
- E686BF
- DA86B7
- CD86AF
- C185A7
- B4859F
- A78497
- 9A838F
- 8D8188
تناسق الألوان
متمم +180°
- FF85CF
Princess Perfume
- 00D59A
≈ Wild Caribbean Green
متجاور -30° +30°
- FF85CF
Princess Perfume
- DD92FF
≈ Bright Lilac
- FF909B
≈ Conch Shell
ثلاثي +120° +240°
- FF85CF
Princess Perfume
- C7BA00
≈ Olive Yellow
- 00C8FB
≈ Bright Sky Blue
متمم منقسم +150° +210°
- FF85CF
Princess Perfume
- 85CC54
≈ Fairy Tale Green
- 00CFCF
≈ Jade Glass
رباعي +90° +180° +270°
- FF85CF
Princess Perfume
- F2A300
≈ Lemon Dream
- 00D59A
≈ Wild Caribbean Green
- 81B9FF
≈ Parakeet Blue
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 2.20:1 · APCA Lc 43
Ag
AAAعلى الأسود
WCAG 9.50:1 · APCA Lc 59
أفضل لون للنص: #000000
WCAG 9.50:1 (AAA) · APCA Lc 59
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--princess-perfume: #ff85cf;
--princess-perfume-rgb: 255 133 207;
--princess-perfume-oklch: oklch(0.774 0.17 344.5);
}
.element {
color: var(--princess-perfume);
background-color: hsl(324 100% 76%);
border-color: oklch(0.774 0.17 344.5);
}Tailwind CSS v4
@theme {
--color-princess-perfume: #ff85cf;
--color-princess-perfume-50: #ffe2ff;
--color-princess-perfume-100: #ffd2f3;
--color-princess-perfume-200: #ffb7e3;
--color-princess-perfume-300: #f592c9;
--color-princess-perfume-400: #e271b6;
--color-princess-perfume-500: #cf4da0;
--color-princess-perfume-600: #af4288;
--color-princess-perfume-700: #8d356d;
--color-princess-perfume-800: #682552;
--color-princess-perfume-900: #491939;
--color-princess-perfume-950: #300923;
}SCSS
$princess-perfume: #ff85cf;
$princess-perfume-rgb: 255, 133, 207;
$princess-perfume-light: mix(#fff, $princess-perfume, 20%);
$princess-perfume-dark: mix(#000, $princess-perfume, 20%);
.element {
color: $princess-perfume;
box-shadow: 0 0 0 2px rgba($princess-perfume, 0.35);
}