Nearest named color · #00706A
#00706A
Nearest named color: Pine Scented Lagoon
#00706A (rgb(0 112 106), hsl(177 100% 22%), oklch(0.491 0.085 188.3)) is closest to the named color Pine Scented Lagoon. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#00706A
oklch(0.491 0.085 188.3)
Color conversions
- HEX
- #00706a
- RGB
- rgb(0 112 106)
- HSL
- hsl(177 100% 22%)
- HWB
- hwb(177 0% 56%)
- OKLCH
- oklch(0.491 0.085 188.3)
- OKLab
- oklab(0.491 -0.084 -0.012)
- CIE Lab
- lab(41.98 -29.14 -4.81)
- LCH
- lch(41.98 29.54 189.4)
- CMYK
- cmyk(100% 0% 5% 56%)
Tints · Shades · Tones
Tints
- 2F7E78
- 498B86
- 619994
- 78A8A3
- 8EB6B2
- A5C4C1
- BBD3D0
- D2E1DF
- E8F0EF
Shades
- 00605B
- 00514D
- 00433F
- 003531
- 002724
- 001A18
- 000E0D
- 000404
- 000100
Tones
- 20726C
- 30746E
- 3D7571
- 497773
- 537975
- 5D7A77
- 667C79
- 6F7D7C
- 787F7E
Color harmonies
Complementary +180°
- 00706A
Pine Scented Lagoon
- 8A4B57
≈ Wine Not
Analogous -30° +30°
- 00706A
Pine Scented Lagoon
- 2F6F4E
≈ Jungle Book Green
- 0C6C81
≈ Azure Green Blue
Triadic +120° +240°
- 00706A
Pine Scented Lagoon
- 6E5386
≈ Gutsy Grape
- 805725
≈ Hot Curry
Split-complementary +150° +210°
- 00706A
Pine Scented Lagoon
- 804D71
≈ Madder Magenta
- 8A4F3C
≈ Hipsterfication
Tetradic +90° +180° +270°
- 00706A
Pine Scented Lagoon
- 565B91
≈ Berry Mix
- 8A4B57
≈ Wine Not
- 6D6120
≈ Greenish Brown
Contrast & accessibility
Ag
AAOn white
WCAG 5.95:1 · APCA Lc 79
Ag
FailOn black
WCAG 3.52:1 · APCA Lc 23
Best text color: #FFFFFF
WCAG 5.95:1 (AA) · APCA Lc 79
Contrast pairs
Code snippets
CSS
:root {
--pine-scented-lagoon: #00706a;
--pine-scented-lagoon-rgb: 0 112 106;
--pine-scented-lagoon-oklch: oklch(0.491 0.085 188.3);
}
.element {
color: var(--pine-scented-lagoon);
background-color: hsl(177 100% 22%);
border-color: oklch(0.491 0.085 188.3);
}Tailwind CSS v4
@theme {
--color-pine-scented-lagoon: #00706a;
--color-pine-scented-lagoon-50: #dbfefb;
--color-pine-scented-lagoon-100: #c8f2ee;
--color-pine-scented-lagoon-200: #abe1dc;
--color-pine-scented-lagoon-300: #83c6c1;
--color-pine-scented-lagoon-400: #5dafa8;
--color-pine-scented-lagoon-500: #2f9891;
--color-pine-scented-lagoon-600: #2b817b;
--color-pine-scented-lagoon-700: #226762;
--color-pine-scented-lagoon-800: #174c47;
--color-pine-scented-lagoon-900: #0f3531;
--color-pine-scented-lagoon-950: #02201d;
}SCSS
$pine-scented-lagoon: #00706a;
$pine-scented-lagoon-rgb: 0, 112, 106;
$pine-scented-lagoon-light: mix(#fff, $pine-scented-lagoon, 20%);
$pine-scented-lagoon-dark: mix(#000, $pine-scented-lagoon, 20%);
.element {
color: $pine-scented-lagoon;
box-shadow: 0 0 0 2px rgba($pine-scented-lagoon, 0.35);
}