Nearest named color · #F9BBAA
#F9BBAA
Nearest named color: Wax Flower
#F9BBAA (rgb(249 187 170), hsl(13 87% 82%), oklch(0.844 0.076 35.9)) is closest to the named color Wax Flower. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#F9BBAA
oklch(0.844 0.076 35.9)
Color conversions
- HEX
- #f9bbaa
- RGB
- rgb(249 187 170)
- HSL
- hsl(13 87% 82%)
- HWB
- hwb(13 67% 2%)
- OKLCH
- oklch(0.844 0.076 35.9)
- OKLab
- oklab(0.844 0.062 0.045)
- CIE Lab
- lab(81.37 21.39 17.82)
- LCH
- lch(81.37 27.84 39.8)
- CMYK
- cmyk(0% 25% 32% 2%)
Tints · Shades · Tones
Tints
- FAC2B2
- FBC9BB
- FCCFC3
- FDD6CC
- FDDDD4
- FEE4DD
- FEEBE5
- FFF1EE
- FFF8F6
Shades
- D9A293
- B98A7D
- 9A7368
- 7D5C53
- 61463F
- 46322D
- 2C1F1B
- 150D0B
- 030201
Tones
- EDB5A6
- E0AFA2
- D4A99D
- C8A399
- BC9D95
- B09891
- A4928D
- 988C88
- 8C8684
Color harmonies
Complementary +180°
- F9BBAA
Wax Flower
- 91D9EC
≈ Tanager Turquoise
Analogous -30° +30°
- F9BBAA
Wax Flower
- F8B8C4
≈ Christy’s Smile
- EFC397
≈ Apricot Soufflé
Triadic +120° +240°
- F9BBAA
Wax Flower
- A4DBB7
≈ Birthday King
- BEC8FE
≈ Light Periwinkle
Split-complementary +150° +210°
- F9BBAA
Wax Flower
- 91DDD3
≈ Land Ahoy!
- A3D2FB
≈ Baby Blue
Tetradic +90° +180° +270°
- F9BBAA
Wax Flower
- C0D59F
≈ Cricket Field
- 91D9EC
≈ Tanager Turquoise
- D8C0F4
≈ Beefy Pink
Contrast & accessibility
Ag
FailOn white
WCAG 1.65:1 · APCA Lc 29
Ag
AAAOn black
WCAG 12.71:1 · APCA Lc 74
Best text color: #000000
WCAG 12.71:1 (AAA) · APCA Lc 74
Contrast pairs
Code snippets
CSS
:root {
--wax-flower: #f9bbaa;
--wax-flower-rgb: 249 187 170;
--wax-flower-oklch: oklch(0.844 0.076 35.9);
}
.element {
color: var(--wax-flower);
background-color: hsl(13 87% 82%);
border-color: oklch(0.844 0.076 35.9);
}Tailwind CSS v4
@theme {
--color-wax-flower: #f9bbaa;
--color-wax-flower-50: #ffeee6;
--color-wax-flower-100: #ffe0d6;
--color-wax-flower-200: #f2cabd;
--color-wax-flower-300: #dbab9c;
--color-wax-flower-400: #c78f7f;
--color-wax-flower-500: #b27463;
--color-wax-flower-600: #976254;
--color-wax-flower-700: #794e43;
--color-wax-flower-800: #5a3931;
--color-wax-flower-900: #3f2721;
--color-wax-flower-950: #281510;
}SCSS
$wax-flower: #f9bbaa;
$wax-flower-rgb: 249, 187, 170;
$wax-flower-light: mix(#fff, $wax-flower, 20%);
$wax-flower-dark: mix(#000, $wax-flower, 20%);
.element {
color: $wax-flower;
box-shadow: 0 0 0 2px rgba($wax-flower, 0.35);
}