Colore con nome · #CB99C9
Pastel Violet
Pastel Violet è #CB99C9: rgb(203 153 201), hsl(302 32% 70%), oklch(0.745 0.088 327.7). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Purple mean? → · Pastel Violet color name →
#CB99C9
oklch(0.745 0.088 327.7)
Conversioni di colore
- 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%)
Tinte · Ombre · Toni
Tinte
- D0A3CE
- D6ADD4
- DBB7D9
- E0C1DF
- E6CBE4
- EBD6EA
- F0E0EF
- F5EAF4
- FAF5FA
Ombre
- B084AE
- 967095
- 7D5D7C
- 654A64
- 4D384C
- 372736
- 221722
- 0F080F
- 020102
Toni
- C397C2
- BC94BA
- B492B3
- AD8FAB
- A58DA4
- 9E8A9D
- 968896
- 8F858E
- 878387
Armonie di colore
Complementare +180°
- CB99C9
Pastel Violet
- 87BC8D
≈ Green Masquerade
Analogo -30° +30°
- CB99C9
Pastel Violet
- B3A1DD
≈ Violet Velvet
- DA95AC
≈ Foxy Pink
Triadico +120° +240°
- CB99C9
Pastel Violet
- C4AA6A
≈ Ginger Ale
- 63BCC9
≈ Faded Jeans
Complementare divisa +150° +210°
- CB99C9
Pastel Violet
- A8B474
≈ Timothy Grass
- 6ABFAC
≈ Blue Energy
Tetradico +90° +180° +270°
- CB99C9
Pastel Violet
- D79F75
≈ Ochraceous Salmon
- 87BC8D
≈ Green Masquerade
- 76B5DE
≈ Life Force
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.34:1 · APCA Lc 46
Ag
AAASu nero
WCAG 8.93:1 · APCA Lc 56
Miglior colore del testo: #000000
WCAG 8.93:1 (AAA) · APCA Lc 56
Contrast pairs
Frammenti di codice
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);
}