Nazwany kolor · #EAD3E0
Light Favourite Lady
Light Favourite Lady to #EAD3E0: rgb(234 211 224), hsl(326 35% 87%), oklch(0.889 0.031 342.7). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Light Favourite Lady color name →
#EAD3E0
oklch(0.889 0.031 342.7)
Konwersje koloru
- HEX
- #ead3e0
- RGB
- rgb(234 211 224)
- HSL
- hsl(326 35% 87%)
- HWB
- hwb(326 83% 8%)
- OKLCH
- oklch(0.889 0.031 342.7)
- OKLab
- oklab(0.889 0.029 -0.009)
- CIE Lab
- lab(86.76 9.89 -3.37)
- LCH
- lch(86.76 10.45 341.2)
- CMYK
- cmyk(0% 10% 4% 8%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- ECD7E3
- EEDCE6
- F0E0E9
- F3E4EC
- F5E9EF
- F7EDF3
- F9F2F6
- FBF6F9
- FDFBFC
Odcienie ciemniejsze
- CBB7C3
- AE9CA6
- 91828A
- 756970
- 5A5156
- 413A3E
- 292427
- 131012
- 030202
Tony
- DFCAD6
- D4C2CC
- C9B9C2
- BEB1B8
- B4A9AF
- A9A0A5
- 9F989C
- 949092
- 8A8889
Harmonie kolorów
Komplementarna +180°
- EAD3E0
Light Favourite Lady
- C9E1D5
≈ Moody Mist
Analogowa -30° +30°
- EAD3E0
Light Favourite Lady
- E2D5EA
≈ Light Purity
- EED3D5
≈ Light Light Blush
Triada +120° +240°
- EAD3E0
Light Favourite Lady
- DEDCC5
≈ Light Sandbank
- C6E0E9
≈ Gauzy Calico
Komplementarna rozszczepiona +150° +210°
- EAD3E0
Light Favourite Lady
- D3DFCB
≈ Comforting Green
- C4E1E0
≈ Peek-a-Blue
Tetrada +90° +180° +270°
- EAD3E0
Light Favourite Lady
- E7D8C5
≈ Dépaysement
- C9E1D5
≈ Moody Mist
- CDDCEF
≈ Alaskan Skies
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.41:1 · APCA Lc 20
Ag
AAANa czerni
WCAG 14.89:1 · APCA Lc 84
Najlepszy kolor tekstu: #000000
WCAG 14.89:1 (AAA) · APCA Lc 84
Contrast pairs
Fragmenty kodu
CSS
:root {
--light-favourite-lady: #ead3e0;
--light-favourite-lady-rgb: 234 211 224;
--light-favourite-lady-oklch: oklch(0.889 0.031 342.7);
}
.element {
color: var(--light-favourite-lady);
background-color: hsl(326 35% 87%);
border-color: oklch(0.889 0.031 342.7);
}Tailwind CSS v4
@theme {
--color-light-favourite-lady: #ead3e0;
--color-light-favourite-lady-50: #fcf2f7;
--color-light-favourite-lady-100: #f0e4ea;
--color-light-favourite-lady-200: #dfcfd7;
--color-light-favourite-lady-300: #c4b1bb;
--color-light-favourite-lady-400: #ac98a3;
--color-light-favourite-lady-500: #957e8c;
--color-light-favourite-lady-600: #7e6b76;
--color-light-favourite-lady-700: #65565e;
--color-light-favourite-lady-800: #4a3e46;
--color-light-favourite-lady-900: #332b30;
--color-light-favourite-lady-950: #1f181c;
}SCSS
$light-favourite-lady: #ead3e0;
$light-favourite-lady-rgb: 234, 211, 224;
$light-favourite-lady-light: mix(#fff, $light-favourite-lady, 20%);
$light-favourite-lady-dark: mix(#000, $light-favourite-lady, 20%);
.element {
color: $light-favourite-lady;
box-shadow: 0 0 0 2px rgba($light-favourite-lady, 0.35);
}