Nazwany kolor · #E3C5D6
Favourite Lady
Favourite Lady to #E3C5D6: rgb(227 197 214), hsl(326 35% 83%), oklch(0.854 0.041 342.9). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Pink mean? → · Favourite Lady color name →
#E3C5D6
oklch(0.854 0.041 342.9)
Konwersje koloru
- HEX
- #e3c5d6
- RGB
- rgb(227 197 214)
- HSL
- hsl(326 35% 83%)
- HWB
- hwb(326 77% 11%)
- OKLCH
- oklch(0.854 0.041 342.9)
- OKLab
- oklab(0.854 0.039 -0.012)
- CIE Lab
- lab(82.48 13.05 -4.39)
- LCH
- lch(82.48 13.77 341.4)
- CMYK
- cmyk(0% 13% 6% 11%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- E6CBDA
- E9D0DE
- ECD6E2
- EEDCE6
- F1E2EA
- F4E8EE
- F7EDF3
- FAF3F7
- FCF9FB
Odcienie ciemniejsze
- C5ABBA
- A8929E
- 8C7984
- 71616A
- 574B52
- 3F353B
- 272125
- 120E10
- 030202
Tony
- D9BECD
- CFB7C4
- C4B0BB
- BAA9B3
- B0A2AA
- A79BA1
- 9D9499
- 938D91
- 8A8788
Harmonie kolorów
Komplementarna +180°
- E3C5D6
Favourite Lady
- B8D8C7
≈ Cool Spring
Analogowa -30° +30°
- E3C5D6
Favourite Lady
- D8C8E2
≈ Purity
- E8C5C7
≈ Cranapple Cream
Triada +120° +240°
- E3C5D6
Favourite Lady
- D3D1B2
≈ Orinoco
- B3D5E3
≈ Lingerie Blue
Komplementarna rozszczepiona +150° +210°
- E3C5D6
Favourite Lady
- C5D5BA
≈ Surf Crest
- B1D8D6
≈ Rivers Edge
Tetrada +90° +180° +270°
- E3C5D6
Favourite Lady
- E0CBB3
≈ Oat Cake
- B8D8C7
≈ Cool Spring
- BDD1EA
≈ Modern Blue
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.58:1 · APCA Lc 27
Ag
AAANa czerni
WCAG 13.22:1 · APCA Lc 76
Najlepszy kolor tekstu: #000000
WCAG 13.22:1 (AAA) · APCA Lc 76
Contrast pairs
Fragmenty kodu
CSS
:root {
--favourite-lady: #e3c5d6;
--favourite-lady-rgb: 227 197 214;
--favourite-lady-oklch: oklch(0.854 0.041 342.9);
}
.element {
color: var(--favourite-lady);
background-color: hsl(326 35% 83%);
border-color: oklch(0.854 0.041 342.9);
}Tailwind CSS v4
@theme {
--color-favourite-lady: #e3c5d6;
--color-favourite-lady-50: #fef1f8;
--color-favourite-lady-100: #f3e3eb;
--color-favourite-lady-200: #e2ced8;
--color-favourite-lady-300: #c8b0bc;
--color-favourite-lady-400: #b095a5;
--color-favourite-lady-500: #9a7c8d;
--color-favourite-lady-600: #826978;
--color-favourite-lady-700: #685460;
--color-favourite-lady-800: #4c3d47;
--color-favourite-lady-900: #352a31;
--color-favourite-lady-950: #20181d;
}SCSS
$favourite-lady: #e3c5d6;
$favourite-lady-rgb: 227, 197, 214;
$favourite-lady-light: mix(#fff, $favourite-lady, 20%);
$favourite-lady-dark: mix(#000, $favourite-lady, 20%);
.element {
color: $favourite-lady;
box-shadow: 0 0 0 2px rgba($favourite-lady, 0.35);
}