Couleur nommée · #CCB8D2
Liberace
Liberace correspond à #CCB8D2 : rgb(204 184 210), hsl(286 22% 77%), oklch(0.807 0.042 318.4). Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
What does Purple mean? → · Liberace color name →
#CCB8D2
oklch(0.807 0.042 318.4)
Conversions de couleur
- HEX
- #ccb8d2
- RGB
- rgb(204 184 210)
- HSL
- hsl(286 22% 77%)
- HWB
- hwb(286 72% 18%)
- OKLCH
- oklch(0.807 0.042 318.4)
- OKLab
- oklab(0.807 0.031 -0.028)
- CIE Lab
- lab(77.1 10.85 -10.42)
- LCH
- lch(77.1 15.04 316.2)
- CMYK
- cmyk(3% 12% 0% 18%)
Teintes · Ombres · Tons
Teintes
- D1BFD6
- D6C6DB
- DBCDDF
- E0D4E4
- E5DBE8
- EAE2ED
- F0E9F1
- F5F1F6
- FAF8FA
Ombres
- B1A0B6
- 97889B
- 7E7181
- 655B68
- 4E4550
- 373139
- 221E24
- 0F0C10
- 020202
Tons
- C4B2CA
- BCADC1
- B5A7B9
- ADA1B0
- A59CA8
- 9E96A0
- 969098
- 8F8B90
- 878588
Harmonies de couleurs
Complémentaire +180°
- CCB8D2
Liberace
- B3C7AD
≈ Zanah
Analogue -30° +30°
- CCB8D2
Liberace
- BEBCDA
≈ Lavender Grey
- D6B6C5
≈ Lavender Blessing
Triadique +120° +240°
- CCB8D2
Liberace
- CFBDA2
≈ Ramie
- A1C9CA
≈ Aqua Mist
Complémentaire divisée +150° +210°
- CCB8D2
Liberace
- C2C3A4
≈ Balance Green
- A7C9BB
≈ Wave Runner
Tétradique +90° +180° +270°
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.84:1 · APCA Lc 35
Ag
AAASur noir
WCAG 11.35:1 · APCA Lc 68
Meilleure couleur de texte: #000000
WCAG 11.35:1 (AAA) · APCA Lc 68
Contrast pairs
Extraits de code
CSS
:root {
--liberace: #ccb8d2;
--liberace-rgb: 204 184 210;
--liberace-oklch: oklch(0.807 0.042 318.4);
}
.element {
color: var(--liberace);
background-color: hsl(286 22% 77%);
border-color: oklch(0.807 0.042 318.4);
}Tailwind CSS v4
@theme {
--color-liberace: #ccb8d2;
--color-liberace-50: #fbf1fd;
--color-liberace-100: #eee4f1;
--color-liberace-200: #ddcfe0;
--color-liberace-300: #c1b1c5;
--color-liberace-400: #a997af;
--color-liberace-500: #927e98;
--color-liberace-600: #7c6a81;
--color-liberace-700: #635567;
--color-liberace-800: #483e4c;
--color-liberace-900: #322b35;
--color-liberace-950: #1e1820;
}SCSS
$liberace: #ccb8d2;
$liberace-rgb: 204, 184, 210;
$liberace-light: mix(#fff, $liberace, 20%);
$liberace-dark: mix(#000, $liberace, 20%);
.element {
color: $liberace;
box-shadow: 0 0 0 2px rgba($liberace, 0.35);
}