Nazwany kolor · #EED3CB
Fairy Pink
Fairy Pink to #EED3CB: rgb(238 211 203), hsl(14 51% 86%), oklch(0.887 0.032 37.1). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Fairy Pink color name →
#EED3CB
oklch(0.887 0.032 37.1)
Konwersje koloru
- HEX
- #eed3cb
- RGB
- rgb(238 211 203)
- HSL
- hsl(14 51% 86%)
- HWB
- hwb(14 80% 7%)
- OKLCH
- oklch(0.887 0.032 37.1)
- OKLab
- oklab(0.887 0.026 0.019)
- CIE Lab
- lab(86.67 8.76 7.6)
- LCH
- lch(86.67 11.6 40.9)
- CMYK
- cmyk(0% 11% 15% 7%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- F0D7D0
- F2DCD5
- F3E0DA
- F5E4E0
- F7E9E5
- F8EDEA
- FAF2EF
- FCF6F4
- FDFBFA
Odcienie ciemniejsze
- CFB7B0
- B19C96
- 93827D
- 776965
- 5C514D
- 423A37
- 2A2422
- 14100F
- 030202
Tony
- E3CAC3
- D7C2BC
- CCB9B4
- C1B1AC
- B6A9A5
- ABA09D
- A09896
- 95908F
- 8A8887
Harmonie kolorów
Komplementarna +180°
- EED3CB
Fairy Pink
- C3E0E8
≈ Breeze in June
Analogowa -30° +30°
- EED3CB
Fairy Pink
- EED1D6
≈ Light Light Blush
- E9D6C4
≈ Mother of Pearl
Triada +120° +240°
- EED3CB
Fairy Pink
- C9E1D1
≈ Enchanted
- D4D8F0
≈ Sachet Cushion
Komplementarna rozszczepiona +150° +210°
- EED3CB
Fairy Pink
- C3E1DD
≈ Sea Breath
- C9DCEF
≈ Blue Booties
Tetrada +90° +180° +270°
- EED3CB
Fairy Pink
- D4DEC8
≈ Dream Seascape
- C3E0E8
≈ Breeze in June
- DFD5EB
≈ Light Purity
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.41:1 · APCA Lc 20
Ag
AAANa czerni
WCAG 14.81:1 · APCA Lc 83
Najlepszy kolor tekstu: #000000
WCAG 14.81:1 (AAA) · APCA Lc 83
Contrast pairs
Fragmenty kodu
CSS
:root {
--fairy-pink: #eed3cb;
--fairy-pink-rgb: 238 211 203;
--fairy-pink-oklch: oklch(0.887 0.032 37.1);
}
.element {
color: var(--fairy-pink);
background-color: hsl(14 51% 86%);
border-color: oklch(0.887 0.032 37.1);
}Tailwind CSS v4
@theme {
--color-fairy-pink: #eed3cb;
--color-fairy-pink-50: #fef2ee;
--color-fairy-pink-100: #f2e5e0;
--color-fairy-pink-200: #e1d0ca;
--color-fairy-pink-300: #c7b2ab;
--color-fairy-pink-400: #b09891;
--color-fairy-pink-500: #9a7f77;
--color-fairy-pink-600: #826c65;
--color-fairy-pink-700: #685651;
--color-fairy-pink-800: #4d3f3b;
--color-fairy-pink-900: #352b28;
--color-fairy-pink-950: #211816;
}SCSS
$fairy-pink: #eed3cb;
$fairy-pink-rgb: 238, 211, 203;
$fairy-pink-light: mix(#fff, $fairy-pink, 20%);
$fairy-pink-dark: mix(#000, $fairy-pink, 20%);
.element {
color: $fairy-pink;
box-shadow: 0 0 0 2px rgba($fairy-pink, 0.35);
}