Named color · #317873
Myrtle Green
Myrtle Green is #317873: rgb(49 120 115), hsl(176 42% 33%), oklch(0.526 0.071 188.9). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Teal mean? → · Myrtle Green color name →
#317873
oklch(0.526 0.071 188.9)
Color conversions
- HEX
- #317873
- RGB
- rgb(49 120 115)
- HSL
- hsl(176 42% 33%)
- HWB
- hwb(176 19% 53%)
- OKLCH
- oklch(0.526 0.071 188.9)
- OKLab
- oklab(0.526 -0.07 -0.011)
- CIE Lab
- lab(45.89 -24.08 -4.3)
- LCH
- lch(45.89 24.46 190.1)
- CMYK
- cmyk(59% 0% 4% 53%)
Tints · Shades · Tones
Tints
- 488580
- 5D928D
- 719F9B
- 85ACA9
- 99BAB7
- ADC7C5
- C1D5D3
- D6E3E1
- EAF1F0
Shades
- 296763
- 225754
- 1A4845
- 133936
- 0C2A28
- 061D1B
- 03100F
- 010505
- 000101
Tones
- 3C7974
- 457A76
- 4E7B77
- 567C78
- 5E7C79
- 657D7B
- 6C7E7C
- 737F7D
- 797F7F
Color harmonies
Complementary +180°
- 317873
Myrtle Green
- 8E5962
≈ Cabernet
Analogous -30° +30°
- 317873
Myrtle Green
- 44775C
≈ Scouring Rush
- 347587
≈ Clear Viridian
Triadic +120° +240°
- 317873
Myrtle Green
- 775F8A
≈ Super Violet
- 86633C
≈ Barricade
Split-complementary +150° +210°
- 317873
Myrtle Green
- 865B78
≈ Argyle Purple
- 8E5C4C
≈ Spicy Mix
Tetradic +90° +180° +270°
- 317873
Myrtle Green
- 626794
≈ Dark Horizon
- 8E5962
≈ Cabernet
- 756C39
≈ Tuscan Hills
Contrast & accessibility
Ag
AAOn white
WCAG 5.16:1 · APCA Lc 75
Ag
FailOn black
WCAG 4.06:1 · APCA Lc 26
Best text color: #FFFFFF
WCAG 5.16:1 (AA) · APCA Lc 75
Contrast pairs
Code snippets
CSS
:root {
--myrtle-green: #317873;
--myrtle-green-rgb: 49 120 115;
--myrtle-green-oklch: oklch(0.526 0.071 188.9);
}
.element {
color: var(--myrtle-green);
background-color: hsl(176 42% 33%);
border-color: oklch(0.526 0.071 188.9);
}Tailwind CSS v4
@theme {
--color-myrtle-green: #317873;
--color-myrtle-green-50: #dffcfa;
--color-myrtle-green-100: #cef0ed;
--color-myrtle-green-200: #b2dfdb;
--color-myrtle-green-300: #8dc4c0;
--color-myrtle-green-400: #6baca7;
--color-myrtle-green-500: #469590;
--color-myrtle-green-600: #3d7e79;
--color-myrtle-green-700: #306561;
--color-myrtle-green-800: #224a46;
--color-myrtle-green-900: #173431;
--color-myrtle-green-950: #071f1d;
}SCSS
$myrtle-green: #317873;
$myrtle-green-rgb: 49, 120, 115;
$myrtle-green-light: mix(#fff, $myrtle-green, 20%);
$myrtle-green-dark: mix(#000, $myrtle-green, 20%);
.element {
color: $myrtle-green;
box-shadow: 0 0 0 2px rgba($myrtle-green, 0.35);
}