Named color · #EBC9C6
Fairy Floss
Fairy Floss is #EBC9C6: rgb(235 201 198), hsl(5 48% 85%), oklch(0.864 0.039 23.9). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Pink mean? → · Fairy Floss color name →
#EBC9C6
oklch(0.864 0.039 23.9)
Color conversions
- HEX
- #ebc9c6
- RGB
- rgb(235 201 198)
- HSL
- hsl(5 48% 85%)
- HWB
- hwb(5 78% 8%)
- OKLCH
- oklch(0.864 0.039 23.9)
- OKLab
- oklab(0.864 0.036 0.016)
- CIE Lab
- lab(83.85 12.03 6.19)
- LCH
- lch(83.85 13.52 27.2)
- CMYK
- cmyk(0% 14% 16% 8%)
Tints · Shades · Tones
Tints
- EDCECC
- EFD4D1
- F1D9D7
- F3DEDD
- F5E4E2
- F7E9E8
- F9EFEE
- FBF4F3
- FDFAF9
Shades
- CCAEAC
- AE9592
- 917C7A
- 756462
- 5B4C4B
- 413635
- 292221
- 130F0E
- 030202
Tones
- E0C1BF
- D5BAB8
- CAB3B0
- BFABA9
- B4A4A2
- AA9D9B
- 9F9594
- 958E8E
- 8A8787
Color harmonies
Complementary +180°
- EBC9C6
Fairy Floss
- B6DADE
≈ Light Watermark
Analogous -30° +30°
- EBC9C6
Fairy Floss
- E8C8D4
≈ Cradle Pink
- E8CCBB
≈ Peach Brick
Triadic +120° +240°
- EBC9C6
Fairy Floss
- C4D9C3
≈ Quintessential
- C5D3ED
≈ Mr. Glass
Split-complementary +150° +210°
- EBC9C6
Fairy Floss
- B9DBD0
≈ Balmy Seas
- BAD7E8
≈ Light Tidal Foam
Tetradic +90° +180° +270°
- EBC9C6
Fairy Floss
- D1D6B9
≈ Celery Satin
- B6DADE
≈ Light Watermark
- D3CEEA
≈ Vision
Contrast & accessibility
Ag
FailOn white
WCAG 1.53:1 · APCA Lc 25
Ag
AAAOn black
WCAG 13.70:1 · APCA Lc 78
Best text color: #000000
WCAG 13.70:1 (AAA) · APCA Lc 78
Contrast pairs
Code snippets
CSS
:root {
--fairy-floss: #ebc9c6;
--fairy-floss-rgb: 235 201 198;
--fairy-floss-oklch: oklch(0.864 0.039 23.9);
}
.element {
color: var(--fairy-floss);
background-color: hsl(5 48% 85%);
border-color: oklch(0.864 0.039 23.9);
}Tailwind CSS v4
@theme {
--color-fairy-floss: #ebc9c6;
--color-fairy-floss-50: #fff1ef;
--color-fairy-floss-100: #f5e3e1;
--color-fairy-floss-200: #e5cecc;
--color-fairy-floss-300: #cbb0ad;
--color-fairy-floss-400: #b59693;
--color-fairy-floss-500: #9f7d7a;
--color-fairy-floss-600: #866a67;
--color-fairy-floss-700: #6b5452;
--color-fairy-floss-800: #4f3d3c;
--color-fairy-floss-900: #372a29;
--color-fairy-floss-950: #221817;
}SCSS
$fairy-floss: #ebc9c6;
$fairy-floss-rgb: 235, 201, 198;
$fairy-floss-light: mix(#fff, $fairy-floss, 20%);
$fairy-floss-dark: mix(#000, $fairy-floss, 20%);
.element {
color: $fairy-floss;
box-shadow: 0 0 0 2px rgba($fairy-floss, 0.35);
}