Named color · #FB8DA6
Bunny Fluff
Bunny Fluff is #FB8DA6: rgb(251 141 166), hsl(346 93% 77%), oklch(0.768 0.135 6.2). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Red mean? → · Bunny Fluff color name →
#FB8DA6
oklch(0.768 0.135 6.2)
Color conversions
- HEX
- #fb8da6
- RGB
- rgb(251 141 166)
- HSL
- hsl(346 93% 77%)
- HWB
- hwb(346 55% 2%)
- OKLCH
- oklch(0.768 0.135 6.2)
- OKLab
- oklab(0.768 0.134 0.015)
- CIE Lab
- lab(71.47 44.52 6.24)
- LCH
- lch(71.47 44.95 8)
- CMYK
- cmyk(0% 44% 34% 2%)
Tints · Shades · Tones
Tints
- FD99AF
- FEA5B7
- FFB0C0
- FFBCC9
- FFC7D2
- FFD2DB
- FFDDE4
- FFE9ED
- FFF4F6
Shades
- DA7A90
- BA677A
- 9C5565
- 7E4451
- 61333E
- 46232B
- 2D141A
- 15070A
- 030101
Tones
- EF8CA2
- E38C9E
- D78B9A
- CB8A97
- BE8893
- B2878F
- A6858B
- 998487
- 8D8284
Color harmonies
Complementary +180°
- FB8DA6
Bunny Fluff
- 00CFC1
≈ Exquisite Turquoise
Analogous -30° +30°
- FB8DA6
Bunny Fluff
- E991D4
≈ Mayflower Orchid
- FD9375
≈ Alexandria
Triadic +120° +240°
- FB8DA6
Bunny Fluff
- 9EC35F
≈ Spring Lime
- 6BBBFF
≈ Green Darner Tail
Split-complementary +150° +210°
- FB8DA6
Bunny Fluff
- 60CD8F
≈ Van Gogh Green
- 0EC8EA
≈ Picnic Day Sky
Tetradic +90° +180° +270°
- FB8DA6
Bunny Fluff
- CDB33F
≈ Sugar Leaves
- 00CFC1
≈ Exquisite Turquoise
- 9FADFF
≈ Widowmaker
Contrast & accessibility
Ag
FailOn white
WCAG 2.21:1 · APCA Lc 43
Ag
AAAOn black
WCAG 9.46:1 · APCA Lc 59
Best text color: #000000
WCAG 9.46:1 (AAA) · APCA Lc 59
Contrast pairs
Code snippets
CSS
:root {
--bunny-fluff: #fb8da6;
--bunny-fluff-rgb: 251 141 166;
--bunny-fluff-oklch: oklch(0.768 0.135 6.2);
}
.element {
color: var(--bunny-fluff);
background-color: hsl(346 93% 77%);
border-color: oklch(0.768 0.135 6.2);
}Tailwind CSS v4
@theme {
--color-bunny-fluff: #fb8da6;
--color-bunny-fluff-50: #ffe6ee;
--color-bunny-fluff-100: #ffd6df;
--color-bunny-fluff-200: #ffbdc9;
--color-bunny-fluff-300: #f39aaa;
--color-bunny-fluff-400: #e07a92;
--color-bunny-fluff-500: #cd5a78;
--color-bunny-fluff-600: #ae4d66;
--color-bunny-fluff-700: #8b3d51;
--color-bunny-fluff-800: #672c3d;
--color-bunny-fluff-900: #491d2a;
--color-bunny-fluff-950: #2f0d17;
}SCSS
$bunny-fluff: #fb8da6;
$bunny-fluff-rgb: 251, 141, 166;
$bunny-fluff-light: mix(#fff, $bunny-fluff, 20%);
$bunny-fluff-dark: mix(#000, $bunny-fluff, 20%);
.element {
color: $bunny-fluff;
box-shadow: 0 0 0 2px rgba($bunny-fluff, 0.35);
}