Nearest named color · #D6F2FB
#D6F2FB
Nearest named color: Water
#D6F2FB (rgb(214 242 251), hsl(195 82% 91%), oklch(0.944 0.032 219.1)) is closest to the named color Water. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#D6F2FB
oklch(0.944 0.032 219.1)
Color conversions
- HEX
- #d6f2fb
- RGB
- rgb(214 242 251)
- HSL
- hsl(195 82% 91%)
- HWB
- hwb(195 84% 2%)
- OKLCH
- oklch(0.944 0.032 219.1)
- OKLab
- oklab(0.944 -0.025 -0.02)
- CIE Lab
- lab(93.65 -8.11 -7.61)
- LCH
- lch(93.65 11.12 223.1)
- CMYK
- cmyk(15% 4% 0% 2%)
Tints · Shades · Tones
Tints
- DAF3FB
- DEF5FC
- E2F6FC
- E7F7FD
- EBF9FD
- EFFAFD
- F3FBFE
- F7FCFE
- FBFEFF
Shades
- BAD2DA
- 9EB4BA
- 84969C
- 6A797E
- 525E61
- 3B4346
- 252B2D
- 101415
- 020303
Tones
- CDE6EE
- C4DAE1
- BCCED5
- B3C3C8
- AAB7BC
- A2ACAF
- 99A1A3
- 919697
- 888B8C
Color harmonies
Complementary +180°
- D6F2FB
Water
- FFE6DE
≈ French Manicure
Analogous -30° +30°
- D6F2FB
Water
- D5F4F1
≈ Air of Mint
- DEEEFF
≈ Calcareous Sinter
Triadic +120° +240°
- D6F2FB
Water
- FCE5F3
≈ Cherry Pearl
- F1EDD5
≈ Rum Swizzle
Split-complementary +150° +210°
- D6F2FB
Water
- FFE5E8
≈ Vanilla Strawberry
- FBE9D6
≈ Peach Fade
Tetradic +90° +180° +270°
Contrast & accessibility
Ag
FailOn white
WCAG 1.16:1 · APCA Lc 8
Ag
AAAOn black
WCAG 17.95:1 · APCA Lc 96
Best text color: #000000
WCAG 17.95:1 (AAA) · APCA Lc 96
Contrast pairs
Code snippets
CSS
:root {
--water: #d6f2fb;
--water-rgb: 214 242 251;
--water-oklch: oklch(0.944 0.032 219.1);
}
.element {
color: var(--water);
background-color: hsl(195 82% 91%);
border-color: oklch(0.944 0.032 219.1);
}Tailwind CSS v4
@theme {
--color-water: #d6f2fb;
--color-water-50: #ecf7fc;
--color-water-100: #ddebef;
--color-water-200: #c6d8de;
--color-water-300: #a7bcc3;
--color-water-400: #8aa3ab;
--color-water-500: #6f8c95;
--color-water-600: #5e767e;
--color-water-700: #4b5e65;
--color-water-800: #36454a;
--color-water-900: #253033;
--color-water-950: #141c1f;
}SCSS
$water: #d6f2fb;
$water-rgb: 214, 242, 251;
$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);
}