Couleur nommée la plus proche · #DEC7D1
#DEC7D1
Couleur nommée la plus proche: Light Lilac
#DEC7D1 (rgb(222 199 209), hsl(334 26% 83%), oklch(0.852 0.029 349.6)) est la plus proche de la couleur nommée Light Lilac. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#DEC7D1
oklch(0.852 0.029 349.6)
Conversions de couleur
- HEX
- #dec7d1
- RGB
- rgb(222 199 209)
- HSL
- hsl(334 26% 83%)
- HWB
- hwb(334 78% 13%)
- OKLCH
- oklch(0.852 0.029 349.6)
- OKLab
- oklab(0.852 0.029 -0.005)
- CIE Lab
- lab(82.41 9.61 -1.9)
- LCH
- lch(82.41 9.79 348.8)
- CMYK
- cmyk(0% 10% 6% 13%)
Teintes · Ombres · Tons
Teintes
- E1CDD6
- E5D2DA
- E8D8DF
- EBDDE3
- EFE3E8
- F2E8EC
- F5EEF1
- F8F4F6
- FCF9FA
Ombres
- C1ADB5
- A5939B
- 897A81
- 6F6268
- 554C50
- 3D3639
- 262123
- 120E10
- 020202
Tons
- D4C0C9
- CBB8C0
- C1B1B8
- B7AAB0
- AEA3A8
- A59CA0
- 9B9598
- 928E90
- 898788
Harmonies de couleurs
Complémentaire +180°
- DEC7D1
Light Lilac
- BDD5CB
≈ Soft Fresco
Analogue -30° +30°
- DEC7D1
Light Lilac
- D7C9DA
≈ Languid Lavender
- E1C7C7
≈ Pocketful of Promise
Triadique +120° +240°
- DEC7D1
Light Lilac
- CFD0BB
≈ With a Twist
- BCD2DE
≈ Two Harbours
Complémentaire divisée +150° +210°
- DEC7D1
Light Lilac
- C5D3C1
≈ Juniper Mist
- B9D4D6
≈ Rhythmic Blue
Tétradique +90° +180° +270°
- DEC7D1
Light Lilac
- D9CDBA
≈ Studio Clay
- BDD5CB
≈ Soft Fresco
- C3CFE2
≈ Atmospheric Pressure
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.59:1 · APCA Lc 27
Ag
AAASur noir
WCAG 13.19:1 · APCA Lc 76
Meilleure couleur de texte: #000000
WCAG 13.19:1 (AAA) · APCA Lc 76
Contrast pairs
Extraits de code
CSS
:root {
--light-lilac: #dec7d1;
--light-lilac-rgb: 222 199 209;
--light-lilac-oklch: oklch(0.852 0.029 349.6);
}
.element {
color: var(--light-lilac);
background-color: hsl(334 26% 83%);
border-color: oklch(0.852 0.029 349.6);
}Tailwind CSS v4
@theme {
--color-light-lilac: #dec7d1;
--color-light-lilac-50: #fcf2f6;
--color-light-lilac-100: #f0e4e9;
--color-light-lilac-200: #dfcfd5;
--color-light-lilac-300: #c4b2b9;
--color-light-lilac-400: #ad98a1;
--color-light-lilac-500: #967f89;
--color-light-lilac-600: #7f6b74;
--color-light-lilac-700: #65565d;
--color-light-lilac-800: #4a3e44;
--color-light-lilac-900: #342b2f;
--color-light-lilac-950: #1f181c;
}SCSS
$light-lilac: #dec7d1;
$light-lilac-rgb: 222, 199, 209;
$light-lilac-light: mix(#fff, $light-lilac, 20%);
$light-lilac-dark: mix(#000, $light-lilac, 20%);
.element {
color: $light-lilac;
box-shadow: 0 0 0 2px rgba($light-lilac, 0.35);
}