Named color · #9DD8DB
Lake Reflection
Lake Reflection is #9DD8DB: rgb(157 216 219), hsl(183 46% 74%), oklch(0.843 0.06 200). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Cyan mean? → · Lake Reflection color name →
#9DD8DB
oklch(0.843 0.06 200)
Color conversions
- HEX
- #9dd8db
- RGB
- rgb(157 216 219)
- HSL
- hsl(183 46% 74%)
- HWB
- hwb(183 62% 14%)
- OKLCH
- oklch(0.843 0.06 200)
- OKLab
- oklab(0.843 -0.057 -0.021)
- CIE Lab
- lab(82.39 -19 -7.9)
- LCH
- lch(82.39 20.58 202.6)
- CMYK
- cmyk(28% 1% 0% 14%)
Tints · Shades · Tones
Tints
- A7DCDF
- B1E0E2
- BBE4E6
- C5E8E9
- CFECED
- D9F0F1
- E2F3F4
- ECF7F8
- F5FBFB
Shades
- 88BCBE
- 73A0A2
- 5F8587
- 4C6B6D
- 3A5354
- 283B3C
- 182526
- 091111
- 010202
Tones
- 9BCFD2
- 98C6C8
- 95BDBF
- 93B4B6
- 90ABAC
- 8DA2A3
- 8A9A9A
- 879191
- 838889
Color harmonies
Complementary +180°
- 9DD8DB
Lake Reflection
- F1BDBB
≈ Pinkathon
Analogous -30° +30°
- 9DD8DB
Lake Reflection
- A5D9C6
≈ Southern Belle
- A4D4EC
≈ Light Deluxe Days
Triadic +120° +240°
- 9DD8DB
Lake Reflection
- DEBFE4
≈ Glittering Gemstone
- E0C89F
≈ So Close
Split-complementary +150° +210°
- 9DD8DB
Lake Reflection
- EBBCD1
≈ Dainty Pink
- EDC1A9
≈ Soft Orange
Tetradic +90° +180° +270°
- 9DD8DB
Lake Reflection
- CAC6F1
≈ Soap
- F1BDBB
≈ Pinkathon
- CDD0A2
≈ True to You
Contrast & accessibility
Ag
FailOn white
WCAG 1.58:1 · APCA Lc 26
Ag
AAAOn black
WCAG 13.27:1 · APCA Lc 77
Best text color: #000000
WCAG 13.27:1 (AAA) · APCA Lc 77
Contrast pairs
Code snippets
CSS
:root {
--lake-reflection: #9dd8db;
--lake-reflection-rgb: 157 216 219;
--lake-reflection-oklch: oklch(0.843 0.06 200);
}
.element {
color: var(--lake-reflection);
background-color: hsl(183 46% 74%);
border-color: oklch(0.843 0.06 200);
}Tailwind CSS v4
@theme {
--color-lake-reflection: #9dd8db;
--color-lake-reflection-50: #e2fbfc;
--color-lake-reflection-100: #d2eef0;
--color-lake-reflection-200: #b7dcdf;
--color-lake-reflection-300: #94c1c5;
--color-lake-reflection-400: #73aaac;
--color-lake-reflection-500: #529296;
--color-lake-reflection-600: #467c7f;
--color-lake-reflection-700: #386365;
--color-lake-reflection-800: #27494a;
--color-lake-reflection-900: #1a3333;
--color-lake-reflection-950: #0b1e1f;
}SCSS
$lake-reflection: #9dd8db;
$lake-reflection-rgb: 157, 216, 219;
$lake-reflection-light: mix(#fff, $lake-reflection, 20%);
$lake-reflection-dark: mix(#000, $lake-reflection, 20%);
.element {
color: $lake-reflection;
box-shadow: 0 0 0 2px rgba($lake-reflection, 0.35);
}