Nearest named color · #EBB1C6
#EBB1C6
Nearest named color: Fairy Tale
#EBB1C6 (rgb(235 177 198), hsl(338 59% 81%), oklch(0.82 0.072 355.3)) is closest to the named color Fairy Tale. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#EBB1C6
oklch(0.82 0.072 355.3)
Color conversions
- HEX
- #ebb1c6
- RGB
- rgb(235 177 198)
- HSL
- hsl(338 59% 81%)
- HWB
- hwb(338 69% 8%)
- OKLCH
- oklch(0.82 0.072 355.3)
- OKLab
- oklab(0.82 0.072 -0.006)
- CIE Lab
- lab(78.13 24.07 -2.02)
- LCH
- lch(78.13 24.15 355.2)
- CMYK
- cmyk(0% 25% 16% 8%)
Tints · Shades · Tones
Tints
- EDB9CC
- F0C1D1
- F2C8D7
- F4D0DC
- F6D8E2
- F8E0E8
- FAE7EE
- FCEFF3
- FDF7F9
Shades
- CC99AC
- AE8392
- 916C7A
- 755762
- 5B424B
- 412F35
- 291C21
- 130C0E
- 030102
Tones
- E0ACBF
- D5A7B8
- CAA2B0
- C09DA9
- B598A2
- AA949B
- A08F94
- 958A8E
- 8B8587
Color harmonies
Complementary +180°
- EBB1C6
Fairy Tale
- 91D4C1
≈ Pop Shop
Analogous -30° +30°
- EBB1C6
Fairy Tale
- DDB4DE
≈ Pretty Petunia
- F0B2AC
≈ Mesa Rose
Triadic +120° +240°
- EBB1C6
Fairy Tale
- C2CA94
≈ White Grape
- 96CCED
≈ Fail Whale
Split-complementary +150° +210°
- EBB1C6
Fairy Tale
- A7D1A8
≈ Garden Room
- 8AD2DA
≈ Plunging Waterfall
Tetradic +90° +180° +270°
- EBB1C6
Fairy Tale
- D9C18E
≈ Expedition Khaki
- 91D4C1
≈ Pop Shop
- ADC4F4
≈ Sky High
Contrast & accessibility
Ag
FailOn white
WCAG 1.80:1 · APCA Lc 33
Ag
AAAOn black
WCAG 11.63:1 · APCA Lc 69
Best text color: #000000
WCAG 11.63:1 (AAA) · APCA Lc 69
Contrast pairs
Code snippets
CSS
:root {
--fairy-tale: #ebb1c6;
--fairy-tale-rgb: 235 177 198;
--fairy-tale-oklch: oklch(0.82 0.072 355.3);
}
.element {
color: var(--fairy-tale);
background-color: hsl(338 59% 81%);
border-color: oklch(0.82 0.072 355.3);
}Tailwind CSS v4
@theme {
--color-fairy-tale: #ebb1c6;
--color-fairy-tale-50: #ffedf5;
--color-fairy-tale-100: #fddee8;
--color-fairy-tale-200: #efc8d4;
--color-fairy-tale-300: #d7a9b8;
--color-fairy-tale-400: #c28da0;
--color-fairy-tale-500: #ad7288;
--color-fairy-tale-600: #926173;
--color-fairy-tale-700: #754d5c;
--color-fairy-tale-800: #563844;
--color-fairy-tale-900: #3c262f;
--color-fairy-tale-950: #26141c;
}SCSS
$fairy-tale: #ebb1c6;
$fairy-tale-rgb: 235, 177, 198;
$fairy-tale-light: mix(#fff, $fairy-tale, 20%);
$fairy-tale-dark: mix(#000, $fairy-tale, 20%);
.element {
color: $fairy-tale;
box-shadow: 0 0 0 2px rgba($fairy-tale, 0.35);
}