أقرب لون مسمّى · #CE9BCA
#CE9BCA
أقرب لون مسمّى: Pastel Violet
#CE9BCA (rgb(206 155 202)، hsl(305 34% 71%)، oklch(0.752 0.087 329)) أقرب إلى اللون المسمّى Pastel Violet. شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
#CE9BCA
oklch(0.752 0.087 329)
تحويلات الألوان
- HEX
- #ce9bca
- RGB
- rgb(206 155 202)
- HSL
- hsl(305 34% 71%)
- HWB
- hwb(305 61% 19%)
- OKLCH
- oklch(0.752 0.087 329)
- OKLab
- oklab(0.752 0.075 -0.045)
- CIE Lab
- lab(70.04 25.35 -16.52)
- LCH
- lch(70.04 30.26 326.9)
- CMYK
- cmyk(0% 25% 2% 19%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- D3A5CF
- D8AFD5
- DDB9DA
- E2C3DF
- E7CDE5
- ECD7EA
- F1E1EF
- F6EBF4
- FAF5FA
درجات داكنة
- B386AF
- 987295
- 7F5E7C
- 664B64
- 4E394D
- 382837
- 231822
- 0F090F
- 020102
درجات رمادية
- C698C2
- BE96BB
- B693B3
- AF91AC
- A78EA4
- 9F8B9D
- 978896
- 90868E
- 888387
تناسق الألوان
متمم +180°
- CE9BCA
Pastel Violet
- 87BE91
≈ Country Weekend
متجاور -30° +30°
- CE9BCA
Pastel Violet
- B6A3DF
≈ Enchanted Lavender
- DD98AD
≈ Blush Bomb
ثلاثي +120° +240°
- CE9BCA
Pastel Violet
- C5AC6D
≈ Dried Moss
- 66BECC
≈ Skink Blue
متمم منقسم +150° +210°
- CE9BCA
Pastel Violet
- A8B777
≈ Green Curry
- 6CC1B0
≈ T-Bird Turquoise
رباعي +90° +180° +270°
- CE9BCA
Pastel Violet
- D8A176
≈ Soft Leather
- 87BE91
≈ Country Weekend
- 79B7E0
≈ Tranquil Bay
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 2.29:1 · APCA Lc 45
Ag
AAAعلى الأسود
WCAG 9.16:1 · APCA Lc 57
أفضل لون للنص: #000000
WCAG 9.16:1 (AAA) · APCA Lc 57
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--pastel-violet: #ce9bca;
--pastel-violet-rgb: 206 155 202;
--pastel-violet-oklch: oklch(0.752 0.087 329);
}
.element {
color: var(--pastel-violet);
background-color: hsl(305 34% 71%);
border-color: oklch(0.752 0.087 329);
}Tailwind CSS v4
@theme {
--color-pastel-violet: #ce9bca;
--color-pastel-violet-50: #ffedff;
--color-pastel-violet-100: #fadef6;
--color-pastel-violet-200: #ebc7e6;
--color-pastel-violet-300: #d2a8cc;
--color-pastel-violet-400: #bc8cb8;
--color-pastel-violet-500: #a671a3;
--color-pastel-violet-600: #8d6089;
--color-pastel-violet-700: #714c6e;
--color-pastel-violet-800: #523752;
--color-pastel-violet-900: #392639;
--color-pastel-violet-950: #241424;
}SCSS
$pastel-violet: #ce9bca;
$pastel-violet-rgb: 206, 155, 202;
$pastel-violet-light: mix(#fff, $pastel-violet, 20%);
$pastel-violet-dark: mix(#000, $pastel-violet, 20%);
.element {
color: $pastel-violet;
box-shadow: 0 0 0 2px rgba($pastel-violet, 0.35);
}