Najbliższy nazwany kolor · #DEC7D1
#DEC7D1
Najbliższy nazwany kolor: Light Lilac
#DEC7D1 (rgb(222 199 209), hsl(334 26% 83%), oklch(0.852 0.029 349.6)) jest najbliższy nazwanemu kolorowi Light Lilac. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#DEC7D1
oklch(0.852 0.029 349.6)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- E1CDD6
- E5D2DA
- E8D8DF
- EBDDE3
- EFE3E8
- F2E8EC
- F5EEF1
- F8F4F6
- FCF9FA
Odcienie ciemniejsze
- C1ADB5
- A5939B
- 897A81
- 6F6268
- 554C50
- 3D3639
- 262123
- 120E10
- 020202
Tony
- D4C0C9
- CBB8C0
- C1B1B8
- B7AAB0
- AEA3A8
- A59CA0
- 9B9598
- 928E90
- 898788
Harmonie kolorów
Komplementarna +180°
- DEC7D1
Light Lilac
- BDD5CB
≈ Soft Fresco
Analogowa -30° +30°
- DEC7D1
Light Lilac
- D7C9DA
≈ Languid Lavender
- E1C7C7
≈ Pocketful of Promise
Triada +120° +240°
- DEC7D1
Light Lilac
- CFD0BB
≈ With a Twist
- BCD2DE
≈ Two Harbours
Komplementarna rozszczepiona +150° +210°
- DEC7D1
Light Lilac
- C5D3C1
≈ Juniper Mist
- B9D4D6
≈ Rhythmic Blue
Tetrada +90° +180° +270°
- DEC7D1
Light Lilac
- D9CDBA
≈ Studio Clay
- BDD5CB
≈ Soft Fresco
- C3CFE2
≈ Atmospheric Pressure
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.59:1 · APCA Lc 27
Ag
AAANa czerni
WCAG 13.19:1 · APCA Lc 76
Najlepszy kolor tekstu: #000000
WCAG 13.19:1 (AAA) · APCA Lc 76
Contrast pairs
Fragmenty kodu
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);
}