Named color · #EEB39E
Wax Flower
Wax Flower is #EEB39E: rgb(238 179 158), hsl(16 70% 78%), oklch(0.816 0.075 40.5). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Pink mean? → · Wax Flower color name →
#EEB39E
oklch(0.816 0.075 40.5)
Color conversions
- HEX
- #eeb39e
- RGB
- rgb(238 179 158)
- HSL
- hsl(16 70% 78%)
- HWB
- hwb(16 62% 7%)
- OKLCH
- oklch(0.816 0.075 40.5)
- OKLab
- oklab(0.816 0.057 0.049)
- CIE Lab
- lab(78.12 20.08 19.55)
- LCH
- lch(78.12 28.03 44.2)
- CMYK
- cmyk(0% 25% 34% 7%)
Tints · Shades · Tones
Tints
- F0BBA8
- F2C2B1
- F4CABB
- F6D1C4
- F8D9CE
- F9E1D8
- FBE8E2
- FCF0EB
- FEF7F5
Shades
- CF9B89
- B18474
- 936E60
- 77584D
- 5C433A
- 422F29
- 2A1D18
- 140C09
- 030101
Tones
- E3AE9B
- D8A998
- CCA495
- C19F92
- B69A8F
- AB948C
- A18F89
- 968A86
- 8B8583
Color harmonies
Complementary +180°
- EEB39E
Wax Flower
- 8BCFE5
≈ Bluebottle
Analogous -30° +30°
- EEB39E
Wax Flower
- EFAFB7
≈ Exclusively Yours
- E2BB8D
≈ Desert Dust
Triadic +120° +240°
- EEB39E
Wax Flower
- 98D2B3
≈ Menthol Green
- B9BEF3
≈ Vodka
Split-complementary +150° +210°
- EEB39E
Wax Flower
- 88D3CE
≈ Electro Chill
- 9EC7F2
≈ Baby Blue Eyes
Tetradic +90° +180° +270°
- EEB39E
Wax Flower
- B2CD9A
≈ Greenhorn
- 8BCFE5
≈ Bluebottle
- D2B6E7
≈ Pretty Petunia
Contrast & accessibility
Ag
FailOn white
WCAG 1.81:1 · APCA Lc 34
Ag
AAAOn black
WCAG 11.57:1 · APCA Lc 69
Best text color: #000000
WCAG 11.57:1 (AAA) · APCA Lc 69
Contrast pairs
Code snippets
CSS
:root {
--wax-flower: #eeb39e;
--wax-flower-rgb: 238 179 158;
--wax-flower-oklch: oklch(0.816 0.075 40.5);
}
.element {
color: var(--wax-flower);
background-color: hsl(16 70% 78%);
border-color: oklch(0.816 0.075 40.5);
}Tailwind CSS v4
@theme {
--color-wax-flower: #eeb39e;
--color-wax-flower-50: #ffefe5;
--color-wax-flower-100: #ffe0d5;
--color-wax-flower-200: #f1cbbb;
--color-wax-flower-300: #daab99;
--color-wax-flower-400: #c6907d;
--color-wax-flower-500: #b17560;
--color-wax-flower-600: #966351;
--color-wax-flower-700: #784f41;
--color-wax-flower-800: #59392f;
--color-wax-flower-900: #3e2720;
--color-wax-flower-950: #27150f;
}SCSS
$wax-flower: #eeb39e;
$wax-flower-rgb: 238, 179, 158;
$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);
}