Nearest named color · #EAF2EB
#EAF2EB
Nearest named color: Bath Bubbles
#EAF2EB (rgb(234 242 235), hsl(127 24% 93%), oklch(0.953 0.013 149.2)) is closest to the named color Bath Bubbles. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#EAF2EB
oklch(0.953 0.013 149.2)
Color conversions
- HEX
- #eaf2eb
- RGB
- rgb(234 242 235)
- HSL
- hsl(127 24% 93%)
- HWB
- hwb(127 92% 5%)
- OKLCH
- oklch(0.953 0.013 149.2)
- OKLab
- oklab(0.953 -0.011 0.006)
- CIE Lab
- lab(94.74 -3.68 2.42)
- LCH
- lch(94.74 4.4 146.7)
- CMYK
- cmyk(3% 0% 3% 5%)
Tints · Shades · Tones
Tints
- ECF3ED
- EEF5EF
- F0F6F1
- F2F7F3
- F4F8F5
- F7FAF7
- F9FBF9
- FBFCFB
- FDFEFD
Shades
- CBD2CC
- AEB4AE
- 919691
- 757975
- 5A5E5B
- 414341
- 292B29
- 131413
- 030303
Tones
- DFE6E0
- D4DAD5
- C9CECA
- BEC3BF
- B4B7B4
- A9ACA9
- 9FA19F
- 949694
- 8A8B8A
Color harmonies
Complementary +180°
- EAF2EB
Bath Bubbles
- F5EDF4
≈ Sentimental Pink
Analogous -30° +30°
- EAF2EB
Bath Bubbles
- EEF1E8
≈ Fogtown
- E7F2F0
≈ Ethereal White
Triadic +120° +240°
- EAF2EB
Bath Bubbles
- ECEFF8
≈ First Snow
- F8EDEB
≈ Salt Pebble
Split-complementary +150° +210°
- EAF2EB
Bath Bubbles
- F0EEF7
≈ Silver Phoenix
- F7ECEF
≈ Clichy White
Tetradic +90° +180° +270°
- EAF2EB
Bath Bubbles
- E8F1F7
≈ Clear Vision
- F5EDF4
≈ Sentimental Pink
- F6EEE7
≈ Icing Rose
Contrast & accessibility
Ag
FailOn white
WCAG 1.14:1 · APCA Lc 0
Ag
AAAOn black
WCAG 18.39:1 · APCA Lc 98
Best text color: #000000
WCAG 18.39:1 (AAA) · APCA Lc 98
Contrast pairs
Code snippets
CSS
:root {
--bath-bubbles: #eaf2eb;
--bath-bubbles-rgb: 234 242 235;
--bath-bubbles-oklch: oklch(0.953 0.013 149.2);
}
.element {
color: var(--bath-bubbles);
background-color: hsl(127 24% 93%);
border-color: oklch(0.953 0.013 149.2);
}Tailwind CSS v4
@theme {
--color-bath-bubbles: #eaf2eb;
--color-bath-bubbles-50: #f3f6f3;
--color-bath-bubbles-100: #e5e9e6;
--color-bath-bubbles-200: #d0d6d1;
--color-bath-bubbles-300: #b3b9b4;
--color-bath-bubbles-400: #9aa19a;
--color-bath-bubbles-500: #818982;
--color-bath-bubbles-600: #6d746e;
--color-bath-bubbles-700: #575c58;
--color-bath-bubbles-800: #404440;
--color-bath-bubbles-900: #2c2f2c;
--color-bath-bubbles-950: #191b19;
}SCSS
$bath-bubbles: #eaf2eb;
$bath-bubbles-rgb: 234, 242, 235;
$bath-bubbles-light: mix(#fff, $bath-bubbles, 20%);
$bath-bubbles-dark: mix(#000, $bath-bubbles, 20%);
.element {
color: $bath-bubbles;
box-shadow: 0 0 0 2px rgba($bath-bubbles, 0.35);
}