لون مسمّى · #CB99C9
Pastel Violet
Pastel Violet هو #CB99C9: rgb(203 153 201)، hsl(302 32% 70%)، oklch(0.745 0.088 327.7). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Purple mean? → · Pastel Violet color name →
#CB99C9
oklch(0.745 0.088 327.7)
تحويلات الألوان
- HEX
- #cb99c9
- RGB
- rgb(203 153 201)
- HSL
- hsl(302 32% 70%)
- HWB
- hwb(302 60% 20%)
- OKLCH
- oklch(0.745 0.088 327.7)
- OKLab
- oklab(0.745 0.074 -0.047)
- CIE Lab
- lab(69.23 25.19 -17.22)
- LCH
- lch(69.23 30.51 325.6)
- CMYK
- cmyk(0% 25% 1% 20%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- D0A3CE
- D6ADD4
- DBB7D9
- E0C1DF
- E6CBE4
- EBD6EA
- F0E0EF
- F5EAF4
- FAF5FA
درجات داكنة
- B084AE
- 967095
- 7D5D7C
- 654A64
- 4D384C
- 372736
- 221722
- 0F080F
- 020102
درجات رمادية
- C397C2
- BC94BA
- B492B3
- AD8FAB
- A58DA4
- 9E8A9D
- 968896
- 8F858E
- 878387
تناسق الألوان
متمم +180°
- CB99C9
Pastel Violet
- 87BC8D
≈ Green Masquerade
متجاور -30° +30°
- CB99C9
Pastel Violet
- B3A1DD
≈ Violet Velvet
- DA95AC
≈ Foxy Pink
ثلاثي +120° +240°
- CB99C9
Pastel Violet
- C4AA6A
≈ Ginger Ale
- 63BCC9
≈ Faded Jeans
متمم منقسم +150° +210°
- CB99C9
Pastel Violet
- A8B474
≈ Timothy Grass
- 6ABFAC
≈ Blue Energy
رباعي +90° +180° +270°
- CB99C9
Pastel Violet
- D79F75
≈ Ochraceous Salmon
- 87BC8D
≈ Green Masquerade
- 76B5DE
≈ Life Force
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 2.34:1 · APCA Lc 46
Ag
AAAعلى الأسود
WCAG 8.93:1 · APCA Lc 56
أفضل لون للنص: #000000
WCAG 8.93:1 (AAA) · APCA Lc 56
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--pastel-violet: #cb99c9;
--pastel-violet-rgb: 203 153 201;
--pastel-violet-oklch: oklch(0.745 0.088 327.7);
}
.element {
color: var(--pastel-violet);
background-color: hsl(302 32% 70%);
border-color: oklch(0.745 0.088 327.7);
}Tailwind CSS v4
@theme {
--color-pastel-violet: #cb99c9;
--color-pastel-violet-50: #ffedff;
--color-pastel-violet-100: #f9def6;
--color-pastel-violet-200: #eac7e7;
--color-pastel-violet-300: #d2a8cd;
--color-pastel-violet-400: #bb8cb9;
--color-pastel-violet-500: #a671a4;
--color-pastel-violet-600: #8c608a;
--color-pastel-violet-700: #704c6f;
--color-pastel-violet-800: #523853;
--color-pastel-violet-900: #39263a;
--color-pastel-violet-950: #231424;
}SCSS
$pastel-violet: #cb99c9;
$pastel-violet-rgb: 203, 153, 201;
$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);
}