Named color · #006C70
Deep Lake
Deep Lake is #006C70: rgb(0 108 112), hsl(182 100% 22%), oklch(0.483 0.082 199.3). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Teal mean? → · Deep Lake color name →
#006C70
oklch(0.483 0.082 199.3)
Color conversions
- HEX
- #006c70
- RGB
- rgb(0 108 112)
- HSL
- hsl(182 100% 22%)
- HWB
- hwb(182 0% 56%)
- OKLCH
- oklch(0.483 0.082 199.3)
- OKLab
- oklab(0.483 -0.077 -0.027)
- CIE Lab
- lab(40.79 -25.85 -10.18)
- LCH
- lch(40.79 27.79 201.5)
- CMYK
- cmyk(100% 4% 0% 56%)
Tints · Shades · Tones
Tints
- 2E7A7D
- 48888B
- 609699
- 77A5A7
- 8EB4B5
- A4C2C3
- BAD1D2
- D1E0E1
- E8F0F0
Shades
- 005D60
- 004E51
- 004043
- 003235
- 002527
- 00191A
- 000D0E
- 000404
- 000001
Tones
- 1F6E72
- 307073
- 3D7375
- 487577
- 527778
- 5C797A
- 667B7B
- 6F7C7D
- 777E7E
Color harmonies
Complementary +180°
- 006C70
Deep Lake
- 874A4B
≈ Currant Jam
Analogous -30° +30°
- 006C70
Deep Lake
- 226D57
≈ Sparkling Emerald
- 206783
≈ Georgian Bay
Triadic +120° +240°
- 006C70
Deep Lake
- 724F7C
≈ Cabbage Blossom Violet
- 775821
≈ Lizard Brown
Split-complementary +150° +210°
- 006C70
Deep Lake
- 814A65
≈ Nectar Red
- 834F32
≈ Curry Brown
Tetradic +90° +180° +270°
- 006C70
Deep Lake
- 5D568A
≈ Wool Violet
- 874A4B
≈ Currant Jam
- 626225
≈ Gardener Green
Contrast & accessibility
Ag
AAOn white
WCAG 6.21:1 · APCA Lc 80
Ag
FailOn black
WCAG 3.37:1 · APCA Lc 21
Best text color: #FFFFFF
WCAG 6.21:1 (AA) · APCA Lc 80
Contrast pairs
Code snippets
CSS
:root {
--deep-lake: #006c70;
--deep-lake-rgb: 0 108 112;
--deep-lake-oklch: oklch(0.483 0.082 199.3);
}
.element {
color: var(--deep-lake);
background-color: hsl(182 100% 22%);
border-color: oklch(0.483 0.082 199.3);
}Tailwind CSS v4
@theme {
--color-deep-lake: #006c70;
--color-deep-lake-50: #dbfdff;
--color-deep-lake-100: #c9f1f3;
--color-deep-lake-200: #acdfe3;
--color-deep-lake-300: #84c4c9;
--color-deep-lake-400: #5eadb1;
--color-deep-lake-500: #32979b;
--color-deep-lake-600: #2d7f83;
--color-deep-lake-700: #246669;
--color-deep-lake-800: #184b4c;
--color-deep-lake-900: #103435;
--color-deep-lake-950: #021f20;
}SCSS
$deep-lake: #006c70;
$deep-lake-rgb: 0, 108, 112;
$deep-lake-light: mix(#fff, $deep-lake, 20%);
$deep-lake-dark: mix(#000, $deep-lake, 20%);
.element {
color: $deep-lake;
box-shadow: 0 0 0 2px rgba($deep-lake, 0.35);
}