Nearest named color · #E6F6ED
#E6F6ED
Nearest named color: Polar
#E6F6ED (rgb(230 246 237), hsl(146 47% 93%), oklch(0.959 0.021 161.5)) is closest to the named color Polar. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#E6F6ED
oklch(0.959 0.021 161.5)
Color conversions
- HEX
- #e6f6ed
- RGB
- rgb(230 246 237)
- HSL
- hsl(146 47% 93%)
- HWB
- hwb(146 90% 4%)
- OKLCH
- oklch(0.959 0.021 161.5)
- OKLab
- oklab(0.959 -0.02 0.007)
- CIE Lab
- lab(95.5 -6.67 2.44)
- LCH
- lch(95.5 7.1 159.9)
- CMYK
- cmyk(7% 0% 4% 4%)
Tints · Shades · Tones
Tints
- E9F7EF
- EBF8F1
- EEF9F2
- F0FAF4
- F3FBF6
- F5FBF8
- F8FCFA
- FAFDFB
- FDFEFD
Shades
- C8D6CE
- ABB7B0
- 8E9893
- 737B77
- 595F5C
- 404542
- 282C2A
- 131514
- 030303
Tones
- DBEAE2
- D1DDD6
- C6D1CB
- BCC5C0
- B2B9B5
- A8AEAA
- 9DA29F
- 949695
- 8A8B8A
Color harmonies
Complementary +180°
- E6F6ED
Polar
- FCECF5
≈ Placebo Magenta
Analogous -30° +30°
- E6F6ED
Polar
- ECF5E6
≈ Verde Pastel
- E3F6F5
≈ Frosty Mint
Triadic +120° +240°
- E6F6ED
Polar
- EFF0FF
≈ Foundation White
- FEEDE7
≈ Peach Breeze
Split-complementary +150° +210°
Tetradic +90° +180° +270°
Contrast & accessibility
Ag
FailOn white
WCAG 1.11:1 · APCA Lc 0
Ag
AAAOn black
WCAG 18.76:1 · APCA Lc 99
Best text color: #000000
WCAG 18.76:1 (AAA) · APCA Lc 99
Contrast pairs
Code snippets
CSS
:root {
--polar: #e6f6ed;
--polar-rgb: 230 246 237;
--polar-oklch: oklch(0.959 0.021 161.5);
}
.element {
color: var(--polar);
background-color: hsl(146 47% 93%);
border-color: oklch(0.959 0.021 161.5);
}Tailwind CSS v4
@theme {
--color-polar: #e6f6ed;
--color-polar-50: #f0f7f3;
--color-polar-100: #e2eae6;
--color-polar-200: #cdd7d2;
--color-polar-300: #aebbb4;
--color-polar-400: #94a29b;
--color-polar-500: #7b8b82;
--color-polar-600: #68756e;
--color-polar-700: #535e58;
--color-polar-800: #3d4540;
--color-polar-900: #2a2f2c;
--color-polar-950: #171c19;
}SCSS
$polar: #e6f6ed;
$polar-rgb: 230, 246, 237;
$polar-light: mix(#fff, $polar, 20%);
$polar-dark: mix(#000, $polar, 20%);
.element {
color: $polar;
box-shadow: 0 0 0 2px rgba($polar, 0.35);
}