Named color · #008A7D
Go Go Green
Go Go Green is #008A7D: rgb(0 138 125), hsl(174 100% 27%), oklch(0.569 0.101 183.4). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Teal mean? → · Go Go Green color name →
#008A7D
oklch(0.569 0.101 183.4)
Color conversions
- HEX
- #008a7d
- RGB
- rgb(0 138 125)
- HSL
- hsl(174 100% 27%)
- HWB
- hwb(174 0% 46%)
- OKLCH
- oklch(0.569 0.101 183.4)
- OKLab
- oklab(0.569 -0.101 -0.006)
- CIE Lab
- lab(51.22 -35.22 -2.48)
- LCH
- lch(51.22 35.3 184)
- CMYK
- cmyk(100% 0% 9% 46%)
Tints · Shades · Tones
Tints
- 359589
- 51A196
- 69ADA2
- 7FB8AF
- 95C4BC
- AAD0C9
- C0DBD6
- D5E7E4
- EAF3F1
Shades
- 00776C
- 00655B
- 00534B
- 00423B
- 00322C
- 00221E
- 001411
- 000705
- 000101
Tones
- 25897D
- 37887E
- 44887E
- 4F877E
- 59867F
- 62857F
- 6A847F
- 72827F
- 798180
Color harmonies
Complementary +180°
- 008A7D
Go Go Green
- A85C71
≈ Topinambur Root
Analogous -30° +30°
- 008A7D
Go Go Green
- 42885A
≈ Onion Seedling
- 00869A
≈ Marker Blue
Triadic +120° +240°
- 008A7D
Go Go Green
- 8367A8
≈ Chive Blossom
- A06931
≈ Gallstone Yellow
Split-complementary +150° +210°
- 008A7D
Go Go Green
- 9A5F90
≈ Kyo Purple
- AA5F4F
≈ Foxy
Tetradic +90° +180° +270°
- 008A7D
Go Go Green
- 6472B3
≈ Wild Pansy
- A85C71
≈ Topinambur Root
- 8B7525
≈ Aubergine Green
Contrast & accessibility
Ag
FailOn white
WCAG 4.25:1 · APCA Lc 69
Ag
AAOn black
WCAG 4.93:1 · APCA Lc 33
Best text color: #000000
WCAG 4.93:1 (AA) · APCA Lc 33
Contrast pairs
Code snippets
CSS
:root {
--go-go-green: #008a7d;
--go-go-green-rgb: 0 138 125;
--go-go-green-oklch: oklch(0.569 0.101 183.4);
}
.element {
color: var(--go-go-green);
background-color: hsl(174 100% 27%);
border-color: oklch(0.569 0.101 183.4);
}Tailwind CSS v4
@theme {
--color-go-go-green: #008a7d;
--color-go-go-green-50: #d6fff9;
--color-go-go-green-100: #c3f4ec;
--color-go-go-green-200: #a3e3da;
--color-go-go-green-300: #78c9be;
--color-go-go-green-400: #4db2a4;
--color-go-go-green-500: #009b8d;
--color-go-go-green-600: #098377;
--color-go-go-green-700: #0a695f;
--color-go-go-green-800: #074e45;
--color-go-go-green-900: #05362f;
--color-go-go-green-950: #00211c;
}SCSS
$go-go-green: #008a7d;
$go-go-green-rgb: 0, 138, 125;
$go-go-green-light: mix(#fff, $go-go-green, 20%);
$go-go-green-dark: mix(#000, $go-go-green, 20%);
.element {
color: $go-go-green;
box-shadow: 0 0 0 2px rgba($go-go-green, 0.35);
}