لون مسمّى · #FFDFE5
Pink Pleasure
Pink Pleasure هو #FFDFE5: rgb(255 223 229)، hsl(349 100% 94%)، oklch(0.932 0.036 5). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Pink mean? → · Pink Pleasure color name →
#FFDFE5
oklch(0.932 0.036 5)
تحويلات الألوان
- HEX
- #ffdfe5
- RGB
- rgb(255 223 229)
- HSL
- hsl(349 100% 94%)
- HWB
- hwb(349 87% 0%)
- OKLCH
- oklch(0.932 0.036 5)
- OKLab
- oklab(0.932 0.036 0.003)
- CIE Lab
- lab(91.64 12.11 1.34)
- LCH
- lch(91.64 12.18 6.3)
- CMYK
- cmyk(0% 13% 10% 0%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- FFE2E8
- FFE5EA
- FFE9ED
- FFECEF
- FFEFF2
- FFF2F5
- FFF5F7
- FFF9FA
- FFFCFC
درجات داكنة
- DEC2C7
- BEA5AA
- 9E8A8E
- 806F72
- 635658
- 483D3F
- 2E2728
- 161212
- 030203
درجات رمادية
- F2D5DA
- E5CBD0
- D7C2C6
- CBB8BB
- BEAEB1
- B1A5A7
- A59C9D
- 989293
- 8C898A
تناسق الألوان
متمم +180°
- FFDFE5
Pink Pleasure
- CFF1EB
≈ Teal Ice
متجاور -30° +30°
- FFDFE5
Pink Pleasure
- F9E0F2
≈ Pale Blossom
- FFE1D9
≈ Red Shimmer
ثلاثي +120° +240°
- FFDFE5
Pink Pleasure
- E3EDD3
≈ Spring Wheat
- D6ECFF
≈ Cloudless
متمم منقسم +150° +210°
- FFDFE5
Pink Pleasure
- D6F0DE
≈ Pondscape
- CEEFF8
≈ Frostproof
رباعي +90° +180° +270°
- FFDFE5
Pink Pleasure
- F0E9CE
≈ Crescent Moon
- CFF1EB
≈ Teal Ice
- E2E7FF
≈ Lavender Mist
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 1.23:1 · APCA Lc 12
Ag
AAAعلى الأسود
WCAG 16.93:1 · APCA Lc 92
أفضل لون للنص: #000000
WCAG 16.93:1 (AAA) · APCA Lc 92
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--pink-pleasure: #ffdfe5;
--pink-pleasure-rgb: 255 223 229;
--pink-pleasure-oklch: oklch(0.932 0.036 5);
}
.element {
color: var(--pink-pleasure);
background-color: hsl(349 100% 94%);
border-color: oklch(0.932 0.036 5);
}Tailwind CSS v4
@theme {
--color-pink-pleasure: #ffdfe5;
--color-pink-pleasure-50: #fff1f3;
--color-pink-pleasure-100: #f3e3e6;
--color-pink-pleasure-200: #e3ced1;
--color-pink-pleasure-300: #c9b0b4;
--color-pink-pleasure-400: #b2969b;
--color-pink-pleasure-500: #9c7d83;
--color-pink-pleasure-600: #846a6f;
--color-pink-pleasure-700: #6a5458;
--color-pink-pleasure-800: #4e3d41;
--color-pink-pleasure-900: #362a2d;
--color-pink-pleasure-950: #21181a;
}SCSS
$pink-pleasure: #ffdfe5;
$pink-pleasure-rgb: 255, 223, 229;
$pink-pleasure-light: mix(#fff, $pink-pleasure, 20%);
$pink-pleasure-dark: mix(#000, $pink-pleasure, 20%);
.element {
color: $pink-pleasure;
box-shadow: 0 0 0 2px rgba($pink-pleasure, 0.35);
}