Named color · #006655
Piney Lake
Piney Lake is #006655: rgb(0 102 85), hsl(170 100% 20%), oklch(0.456 0.085 176). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Teal mean? → · Piney Lake color name →
#006655
oklch(0.456 0.085 176)
Color conversions
- HEX
- #006655
- RGB
- rgb(0 102 85)
- HSL
- hsl(170 100% 20%)
- HWB
- hwb(170 0% 60%)
- OKLCH
- oklch(0.456 0.085 176)
- OKLab
- oklab(0.456 -0.085 0.006)
- CIE Lab
- lab(37.98 -30.04 2.05)
- LCH
- lch(37.98 30.11 176.1)
- CMYK
- cmyk(100% 0% 17% 60%)
Tints · Shades · Tones
Tints
- 2C7464
- 468374
- 5E9284
- 75A195
- 8CB0A6
- A2C0B7
- B9CFC9
- D0DFDB
- E7EFED
Shades
- 005849
- 004A3D
- 003C31
- 002F26
- 00231C
- 001711
- 000C08
- 000402
- 000000
Tones
- 1D6959
- 2E6C5D
- 3B6E62
- 467166
- 51746A
- 5B766E
- 647973
- 6E7B77
- 777E7C
Color harmonies
Complementary +180°
- 006655
Piney Lake
- 7C4158
≈ Cheerful Wine
Analogous -30° +30°
- 006655
Piney Lake
- 356339
≈ Greenhouse
- 00636C
≈ Peacock Tail
Triadic +120° +240°
- 006655
Piney Lake
- 5B4C81
≈ Sumptuous Purple
- 7B4923
≈ Urban Auburn
Split-complementary +150° +210°
- 006655
Piney Lake
- 6F4570
≈ Sunset Purple
- 80433D
≈ Shakker Red
Tetradic +90° +180° +270°
- 006655
Piney Lake
- 405586
≈ Blue Jewel
- 7C4158
≈ Cheerful Wine
- 6C5312
≈ Field Drab
Contrast & accessibility
Ag
AAOn white
WCAG 6.92:1 · APCA Lc 83
Ag
FailOn black
WCAG 3.03:1 · APCA Lc 19
Best text color: #FFFFFF
WCAG 6.92:1 (AA) · APCA Lc 83
Contrast pairs
Code snippets
CSS
:root {
--piney-lake: #006655;
--piney-lake-rgb: 0 102 85;
--piney-lake-oklch: oklch(0.456 0.085 176);
}
.element {
color: var(--piney-lake);
background-color: hsl(170 100% 20%);
border-color: oklch(0.456 0.085 176);
}Tailwind CSS v4
@theme {
--color-piney-lake: #006655;
--color-piney-lake-50: #dcfef5;
--color-piney-lake-100: #cbf2e8;
--color-piney-lake-200: #aee1d4;
--color-piney-lake-300: #87c6b7;
--color-piney-lake-400: #64af9c;
--color-piney-lake-500: #3b9984;
--color-piney-lake-600: #348170;
--color-piney-lake-700: #296759;
--color-piney-lake-800: #1d4c40;
--color-piney-lake-900: #13352c;
--color-piney-lake-950: #042019;
}SCSS
$piney-lake: #006655;
$piney-lake-rgb: 0, 102, 85;
$piney-lake-light: mix(#fff, $piney-lake, 20%);
$piney-lake-dark: mix(#000, $piney-lake, 20%);
.element {
color: $piney-lake;
box-shadow: 0 0 0 2px rgba($piney-lake, 0.35);
}