Nearest named color · #D4E8EB
#D4E8EB
Nearest named color: Northwind
#D4E8EB (rgb(212 232 235), hsl(188 37% 88%), oklch(0.917 0.022 207.6)) is closest to the named color Northwind. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#D4E8EB
oklch(0.917 0.022 207.6)
Color conversions
- HEX
- #d4e8eb
- RGB
- rgb(212 232 235)
- HSL
- hsl(188 37% 88%)
- HWB
- hwb(188 83% 8%)
- OKLCH
- oklch(0.917 0.022 207.6)
- OKLab
- oklab(0.917 -0.019 -0.01)
- CIE Lab
- lab(90.57 -6.42 -3.85)
- LCH
- lch(90.57 7.48 210.9)
- CMYK
- cmyk(10% 1% 0% 8%)
Tints · Shades · Tones
Tints
- D8EAED
- DDEDEF
- E1EFF1
- E5F1F3
- E9F3F5
- EEF6F7
- F2F8F9
- F6FAFB
- FBFDFD
Shades
- B8CACC
- 9DACAE
- 839091
- 697475
- 51595B
- 3A4041
- 242929
- 101313
- 020303
Tones
- CBDDE0
- C3D2D5
- BAC8CA
- B2BDBF
- A9B3B4
- A1A8A9
- 989E9F
- 909494
- 888A8A
Color harmonies
Complementary +180°
- D4E8EB
Northwind
- F2DFDC
≈ Pallid Rose
Analogous -30° +30°
- D4E8EB
Northwind
- D5E9E3
≈ Dillard’s Blue
- D7E6F1
≈ Snowdrift Glow
Triadic +120° +240°
- D4E8EB
Northwind
- ECDFEB
≈ Angora Pink
- EAE3D4
≈ Ostrich
Split-complementary +150° +210°
- D4E8EB
Northwind
- F1DEE3
≈ Roselle
- EFE0D6
≈ Ginger Cream
Tetradic +90° +180° +270°
Contrast & accessibility
Ag
FailOn white
WCAG 1.26:1 · APCA Lc 13
Ag
AAAOn black
WCAG 16.54:1 · APCA Lc 91
Best text color: #000000
WCAG 16.54:1 (AAA) · APCA Lc 91
Contrast pairs
Code snippets
CSS
:root {
--northwind: #d4e8eb;
--northwind-rgb: 212 232 235;
--northwind-oklch: oklch(0.917 0.022 207.6);
}
.element {
color: var(--northwind);
background-color: hsl(188 37% 88%);
border-color: oklch(0.917 0.022 207.6);
}Tailwind CSS v4
@theme {
--color-northwind: #d4e8eb;
--color-northwind-50: #eef7f8;
--color-northwind-100: #e0eaec;
--color-northwind-200: #cad7d9;
--color-northwind-300: #abbbbd;
--color-northwind-400: #90a2a5;
--color-northwind-500: #768a8e;
--color-northwind-600: #647578;
--color-northwind-700: #505e60;
--color-northwind-800: #3a4546;
--color-northwind-900: #282f30;
--color-northwind-950: #161c1d;
}SCSS
$northwind: #d4e8eb;
$northwind-rgb: 212, 232, 235;
$northwind-light: mix(#fff, $northwind, 20%);
$northwind-dark: mix(#000, $northwind, 20%);
.element {
color: $northwind;
box-shadow: 0 0 0 2px rgba($northwind, 0.35);
}