Nearest named color · #EAF2EE
#EAF2EE
Nearest named color: Warp Drive
#EAF2EE (rgb(234 242 238), hsl(150 24% 93%), oklch(0.954 0.01 164.9)) is closest to the named color Warp Drive. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#EAF2EE
oklch(0.954 0.01 164.9)
Color conversions
- HEX
- #eaf2ee
- RGB
- rgb(234 242 238)
- HSL
- hsl(150 24% 93%)
- HWB
- hwb(150 92% 5%)
- OKLCH
- oklch(0.954 0.01 164.9)
- OKLab
- oklab(0.954 -0.01 0.003)
- CIE Lab
- lab(94.8 -3.28 0.96)
- LCH
- lch(94.8 3.42 163.7)
- CMYK
- cmyk(3% 0% 2% 5%)
Tints · Shades · Tones
Tints
- ECF3F0
- EEF5F1
- F0F6F3
- F2F7F5
- F4F8F6
- F7FAF8
- F9FBFA
- FBFCFC
- FDFEFD
Shades
- CBD2CF
- AEB4B1
- 919693
- 757977
- 5A5E5C
- 414342
- 292B2A
- 131414
- 030303
Tones
- DFE6E2
- D4DAD7
- C9CECC
- BEC3C1
- B4B7B5
- A9ACAA
- 9FA1A0
- 949695
- 8A8B8A
Color harmonies
Complementary +180°
- EAF2EE
Warp Drive
- F5EDF1
≈ Clichy White
Analogous -30° +30°
- EAF2EE
Warp Drive
- EDF1EB
≈ Spring Fog
- E9F2F2
≈ Warp Drive
Triadic +120° +240°
- EAF2EE
Warp Drive
- EFEFF6
≈ Springtime Rain
- F6EEEA
≈ Furry Lady
Split-complementary +150° +210°
- EAF2EE
Warp Drive
- F2EEF5
≈ Sentimental Pink
- F6EDEE
≈ Line Dried Sheets
Tetradic +90° +180° +270°
Contrast & accessibility
Ag
FailOn white
WCAG 1.13:1 · APCA Lc 0
Ag
AAAOn black
WCAG 18.43:1 · APCA Lc 98
Best text color: #000000
WCAG 18.43:1 (AAA) · APCA Lc 98
Contrast pairs
Code snippets
CSS
:root {
--warp-drive: #eaf2ee;
--warp-drive-rgb: 234 242 238;
--warp-drive-oklch: oklch(0.954 0.01 164.9);
}
.element {
color: var(--warp-drive);
background-color: hsl(150 24% 93%);
border-color: oklch(0.954 0.01 164.9);
}Tailwind CSS v4
@theme {
--color-warp-drive: #eaf2ee;
--color-warp-drive-50: #f3f6f4;
--color-warp-drive-100: #e5e9e7;
--color-warp-drive-200: #d0d6d3;
--color-warp-drive-300: #b3b9b6;
--color-warp-drive-400: #99a09d;
--color-warp-drive-500: #808884;
--color-warp-drive-600: #6d7370;
--color-warp-drive-700: #575c5a;
--color-warp-drive-800: #3f4341;
--color-warp-drive-900: #2c2f2d;
--color-warp-drive-950: #191b1a;
}SCSS
$warp-drive: #eaf2ee;
$warp-drive-rgb: 234, 242, 238;
$warp-drive-light: mix(#fff, $warp-drive, 20%);
$warp-drive-dark: mix(#000, $warp-drive, 20%);
.element {
color: $warp-drive;
box-shadow: 0 0 0 2px rgba($warp-drive, 0.35);
}