Nearest named color · #E5EEE9
#E5EEE9
Nearest named color: Frosty Pink
#E5EEE9 (rgb(229 238 233), hsl(147 21% 92%), oklch(0.941 0.012 162)) is closest to the named color Frosty Pink. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#E5EEE9
oklch(0.941 0.012 162)
Color conversions
- HEX
- #e5eee9
- RGB
- rgb(229 238 233)
- HSL
- hsl(147 21% 92%)
- HWB
- hwb(147 90% 7%)
- OKLCH
- oklch(0.941 0.012 162)
- OKLab
- oklab(0.941 -0.011 0.004)
- CIE Lab
- lab(93.31 -3.77 1.33)
- LCH
- lch(93.31 4 160.5)
- CMYK
- cmyk(4% 0% 2% 7%)
Tints · Shades · Tones
Tints
- E8F0EB
- EAF1ED
- EDF3F0
- EFF5F2
- F2F6F4
- F5F8F6
- F7FAF8
- FAFCFB
- FCFDFD
Shades
- C7CFCB
- AAB1AD
- 8E9390
- 727774
- 585C5A
- 3F4241
- 282A29
- 121413
- 030303
Tones
- DAE2DE
- D0D7D3
- C6CCC8
- BBC1BE
- B1B5B3
- A7AAA9
- 9DA09E
- 939594
- 8A8A8A
Color harmonies
Complementary +180°
- E5EEE9
Frosty Pink
- F1E9EE
≈ Rose Fantasy
Analogous -30° +30°
- E5EEE9
Frosty Pink
- E9EDE5
≈ Silence
- E3EEED
≈ Bashful
Triadic +120° +240°
- E5EEE9
Frosty Pink
- EAEBF3
≈ Silver Phoenix
- F3E9E5
≈ Sauvignon
Split-complementary +150° +210°
- E5EEE9
Frosty Pink
- EEE9F1
≈ Greek Goddess
- F3E8E9
≈ White-Red
Tetradic +90° +180° +270°
- E5EEE9
Frosty Pink
- E6ECF3
≈ Solitude
- F1E9EE
≈ Rose Fantasy
- F0EAE3
≈ Refer to the Stars
Contrast & accessibility
Ag
FailOn white
WCAG 1.18:1 · APCA Lc 9
Ag
AAAOn black
WCAG 17.73:1 · APCA Lc 95
Best text color: #000000
WCAG 17.73:1 (AAA) · APCA Lc 95
Contrast pairs
Code snippets
CSS
:root {
--frosty-pink: #e5eee9;
--frosty-pink-rgb: 229 238 233;
--frosty-pink-oklch: oklch(0.941 0.012 162);
}
.element {
color: var(--frosty-pink);
background-color: hsl(147 21% 92%);
border-color: oklch(0.941 0.012 162);
}Tailwind CSS v4
@theme {
--color-frosty-pink: #e5eee9;
--color-frosty-pink-50: #f2f6f4;
--color-frosty-pink-100: #e4e9e7;
--color-frosty-pink-200: #d0d6d3;
--color-frosty-pink-300: #b2b9b6;
--color-frosty-pink-400: #99a19c;
--color-frosty-pink-500: #808984;
--color-frosty-pink-600: #6c746f;
--color-frosty-pink-700: #565c59;
--color-frosty-pink-800: #3f4441;
--color-frosty-pink-900: #2b2f2d;
--color-frosty-pink-950: #191b1a;
}SCSS
$frosty-pink: #e5eee9;
$frosty-pink-rgb: 229, 238, 233;
$frosty-pink-light: mix(#fff, $frosty-pink, 20%);
$frosty-pink-dark: mix(#000, $frosty-pink, 20%);
.element {
color: $frosty-pink;
box-shadow: 0 0 0 2px rgba($frosty-pink, 0.35);
}