Najbliższy nazwany kolor · #CE9BCA
#CE9BCA
Najbliższy nazwany kolor: Pastel Violet
#CE9BCA (rgb(206 155 202), hsl(305 34% 71%), oklch(0.752 0.087 329)) jest najbliższy nazwanemu kolorowi Pastel Violet. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#CE9BCA
oklch(0.752 0.087 329)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- D3A5CF
- D8AFD5
- DDB9DA
- E2C3DF
- E7CDE5
- ECD7EA
- F1E1EF
- F6EBF4
- FAF5FA
Odcienie ciemniejsze
- B386AF
- 987295
- 7F5E7C
- 664B64
- 4E394D
- 382837
- 231822
- 0F090F
- 020102
Tony
- C698C2
- BE96BB
- B693B3
- AF91AC
- A78EA4
- 9F8B9D
- 978896
- 90868E
- 888387
Harmonie kolorów
Komplementarna +180°
- CE9BCA
Pastel Violet
- 87BE91
≈ Country Weekend
Analogowa -30° +30°
- CE9BCA
Pastel Violet
- B6A3DF
≈ Enchanted Lavender
- DD98AD
≈ Blush Bomb
Triada +120° +240°
- CE9BCA
Pastel Violet
- C5AC6D
≈ Dried Moss
- 66BECC
≈ Skink Blue
Komplementarna rozszczepiona +150° +210°
- CE9BCA
Pastel Violet
- A8B777
≈ Green Curry
- 6CC1B0
≈ T-Bird Turquoise
Tetrada +90° +180° +270°
- CE9BCA
Pastel Violet
- D8A176
≈ Soft Leather
- 87BE91
≈ Country Weekend
- 79B7E0
≈ Tranquil Bay
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.29:1 · APCA Lc 45
Ag
AAANa czerni
WCAG 9.16:1 · APCA Lc 57
Najlepszy kolor tekstu: #000000
WCAG 9.16:1 (AAA) · APCA Lc 57
Contrast pairs
Fragmenty kodu
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);
}