Nearest named color · #E4FCF8
#E4FCF8
Nearest named color: Bubbles
#E4FCF8 (rgb(228 252 248), hsl(170 80% 94%), oklch(0.973 0.026 184.8)) is closest to the named color Bubbles. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#E4FCF8
oklch(0.973 0.026 184.8)
Color conversions
- HEX
- #e4fcf8
- RGB
- rgb(228 252 248)
- HSL
- hsl(170 80% 94%)
- HWB
- hwb(170 89% 1%)
- OKLCH
- oklch(0.973 0.026 184.8)
- OKLab
- oklab(0.973 -0.025 -0.002)
- CIE Lab
- lab(97.12 -8.64 -0.88)
- LCH
- lch(97.12 8.69 185.8)
- CMYK
- cmyk(10% 0% 2% 1%)
Tints · Shades · Tones
Tints
- E7FCF9
- E9FDF9
- ECFDFA
- EFFDFB
- F2FEFB
- F4FEFC
- F7FEFD
- FAFEFE
- FCFFFE
Shades
- C6DBD8
- A9BBB8
- 8D9C9A
- 727E7C
- 586260
- 3F4745
- 282D2C
- 121615
- 030303
Tones
- DAEFEB
- CFE2DF
- C5D5D3
- BBC9C6
- B1BCBA
- A7B0AE
- 9DA4A2
- 939897
- 8A8C8B
Color harmonies
Complementary +180°
- E4FCF8
Bubbles
- FFF2F5
≈ Glimpse of Pink
Analogous -30° +30°
- E4FCF8
Bubbles
- E9FBEE
≈ Winter Mist
- E7FAFF
≈ Calm Waters
Triadic +120° +240°
- E4FCF8
Bubbles
- F8F3FF
≈ Sugar Crystal
- FFF4EA
≈ Ambrosia Ivory
Split-complementary +150° +210°
- E4FCF8
Bubbles
- FFF1FB
≈ Pinkish White
- FFF3F0
≈ Soft Peach Mist
Tetradic +90° +180° +270°
Contrast & accessibility
Ag
FailOn white
WCAG 1.07:1 · APCA Lc 0
Ag
AAAOn black
WCAG 19.57:1 · APCA Lc 103
Best text color: #000000
WCAG 19.57:1 (AAA) · APCA Lc 103
Contrast pairs
Code snippets
CSS
:root {
--bubbles: #e4fcf8;
--bubbles-rgb: 228 252 248;
--bubbles-oklch: oklch(0.973 0.026 184.8);
}
.element {
color: var(--bubbles);
background-color: hsl(170 80% 94%);
border-color: oklch(0.973 0.026 184.8);
}Tailwind CSS v4
@theme {
--color-bubbles: #e4fcf8;
--color-bubbles-50: #edf8f6;
--color-bubbles-100: #dfebe9;
--color-bubbles-200: #c9d8d6;
--color-bubbles-300: #aabcb9;
--color-bubbles-400: #8ea4a0;
--color-bubbles-500: #748c88;
--color-bubbles-600: #627673;
--color-bubbles-700: #4e5f5c;
--color-bubbles-800: #394543;
--color-bubbles-900: #27302e;
--color-bubbles-950: #151c1b;
}SCSS
$bubbles: #e4fcf8;
$bubbles-rgb: 228, 252, 248;
$bubbles-light: mix(#fff, $bubbles, 20%);
$bubbles-dark: mix(#000, $bubbles, 20%);
.element {
color: $bubbles;
box-shadow: 0 0 0 2px rgba($bubbles, 0.35);
}