Nearest named color · #D8F1F8
#D8F1F8
Nearest named color: Water
#D8F1F8 (rgb(216 241 248), hsl(193 70% 91%), oklch(0.942 0.028 216.4)) is closest to the named color Water. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#D8F1F8
oklch(0.942 0.028 216.4)
Color conversions
- HEX
- #d8f1f8
- RGB
- rgb(216 241 248)
- HSL
- hsl(193 70% 91%)
- HWB
- hwb(193 85% 3%)
- OKLCH
- oklch(0.942 0.028 216.4)
- OKLab
- oklab(0.942 -0.022 -0.017)
- CIE Lab
- lab(93.46 -7.44 -6.32)
- LCH
- lch(93.46 9.76 220.3)
- CMYK
- cmyk(13% 3% 0% 3%)
Tints · Shades · Tones
Tints
- DCF2F9
- E0F4F9
- E4F5FA
- E8F7FB
- ECF8FC
- F0F9FC
- F3FBFD
- F7FCFE
- FBFEFE
Shades
- BCD2D8
- A0B3B8
- 85959A
- 6B797C
- 535D60
- 3B4345
- 252B2C
- 111415
- 020303
Tones
- CFE5EB
- C6D9DF
- BDCED3
- B4C2C6
- ABB7BA
- A2ACAE
- 9AA1A2
- 919697
- 888B8B
Color harmonies
Complementary +180°
- D8F1F8
Water
- FEE6DF
≈ French Manicure
Analogous -30° +30°
- D8F1F8
Water
- D8F2EF
≈ Air of Mint
- DDEEFE
≈ Calcareous Sinter
Triadic +120° +240°
- D8F1F8
Water
- F9E5F3
≈ Cherry Pearl
- F1ECD7
≈ Mesa Beige
Split-complementary +150° +210°
- D8F1F8
Water
- FEE5E9
≈ Hepatica
- F9E9D9
≈ Aria Ivory
Tetradic +90° +180° +270°
Contrast & accessibility
Ag
FailOn white
WCAG 1.17:1 · APCA Lc 8
Ag
AAAOn black
WCAG 17.85:1 · APCA Lc 96
Best text color: #000000
WCAG 17.85:1 (AAA) · APCA Lc 96
Contrast pairs
Code snippets
CSS
:root {
--water: #d8f1f8;
--water-rgb: 216 241 248;
--water-oklch: oklch(0.942 0.028 216.4);
}
.element {
color: var(--water);
background-color: hsl(193 70% 91%);
border-color: oklch(0.942 0.028 216.4);
}Tailwind CSS v4
@theme {
--color-water: #d8f1f8;
--color-water-50: #edf7fa;
--color-water-100: #deeaee;
--color-water-200: #c8d7dc;
--color-water-300: #a8bbc1;
--color-water-400: #8da3a9;
--color-water-500: #728b92;
--color-water-600: #61767c;
--color-water-700: #4d5e63;
--color-water-800: #384548;
--color-water-900: #263032;
--color-water-950: #141c1e;
}SCSS
$water: #d8f1f8;
$water-rgb: 216, 241, 248;
$water-light: mix(#fff, $water, 20%);
$water-dark: mix(#000, $water, 20%);
.element {
color: $water;
box-shadow: 0 0 0 2px rgba($water, 0.35);
}