Named color · #52B7C6
Cave Lake
Cave Lake is #52B7C6: rgb(82 183 198), hsl(188 50% 55%), oklch(0.726 0.096 208.5). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Cyan mean? → · Cave Lake color name →
#52B7C6
oklch(0.726 0.096 208.5)
Color conversions
- HEX
- #52b7c6
- RGB
- rgb(82 183 198)
- HSL
- hsl(188 50% 55%)
- HWB
- hwb(188 32% 22%)
- OKLCH
- oklch(0.726 0.096 208.5)
- OKLab
- oklab(0.726 -0.084 -0.046)
- CIE Lab
- lab(68.93 -27.29 -17.02)
- LCH
- lch(68.93 32.16 212)
- CMYK
- cmyk(59% 8% 0% 22%)
Tints · Shades · Tones
Tints
- 67BECC
- 7AC6D1
- 8CCDD7
- 9ED4DD
- AEDBE3
- BFE2E8
- CFEAEE
- DFF1F4
- EFF8F9
Shades
- 469FAC
- 3B8792
- 2F707A
- 255A62
- 1A454B
- 113135
- 081E21
- 020C0E
- 000202
Tones
- 5AB2BF
- 61ACB8
- 67A7B1
- 6CA1AA
- 719CA3
- 74969C
- 789195
- 7B8B8E
- 7E8687
Color harmonies
Complementary +180°
- 52B7C6
Cave Lake
- DC8F84
≈ Coral Banks
Analogous -30° +30°
- 52B7C6
Cave Lake
- 5ABAA7
≈ Shylock
- 6AAFDC
≈ Milky Waves
Triadic +120° +240°
- 52B7C6
Cave Lake
- C891C4
≈ Pomtini
- BFA35D
≈ Magic Lamp
Split-complementary +150° +210°
- 52B7C6
Cave Lake
- D88DA5
≈ Kiss
- D49768
≈ Folksy Gold
Tetradic +90° +180° +270°
- 52B7C6
Cave Lake
- AE99DB
≈ Violet Velvet
- DC8F84
≈ Coral Banks
- A0AF68
≈ Matcha Mecha
Contrast & accessibility
Ag
FailOn white
WCAG 2.34:1 · APCA Lc 46
Ag
AAAOn black
WCAG 8.94:1 · APCA Lc 56
Best text color: #000000
WCAG 8.94:1 (AAA) · APCA Lc 56
Contrast pairs
Code snippets
CSS
:root {
--cave-lake: #52b7c6;
--cave-lake-rgb: 82 183 198;
--cave-lake-oklch: oklch(0.726 0.096 208.5);
}
.element {
color: var(--cave-lake);
background-color: hsl(188 50% 55%);
border-color: oklch(0.726 0.096 208.5);
}Tailwind CSS v4
@theme {
--color-cave-lake: #52b7c6;
--color-cave-lake-50: #d7fdff;
--color-cave-lake-100: #c4f1fa;
--color-cave-lake-200: #a5e0eb;
--color-cave-lake-300: #7bc5d3;
--color-cave-lake-400: #50aebc;
--color-cave-lake-500: #0b97a8;
--color-cave-lake-600: #13808e;
--color-cave-lake-700: #106671;
--color-cave-lake-800: #084b53;
--color-cave-lake-900: #06343a;
--color-cave-lake-950: #002024;
}SCSS
$cave-lake: #52b7c6;
$cave-lake-rgb: 82, 183, 198;
$cave-lake-light: mix(#fff, $cave-lake, 20%);
$cave-lake-dark: mix(#000, $cave-lake, 20%);
.element {
color: $cave-lake;
box-shadow: 0 0 0 2px rgba($cave-lake, 0.35);
}