Named color · #47B07F
Divot
Divot is #47B07F: rgb(71 176 127), hsl(152 43% 48%), oklch(0.683 0.122 160.2). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Green mean? → · Divot color name →
#47B07F
oklch(0.683 0.122 160.2)
Color conversions
- HEX
- #47b07f
- RGB
- rgb(71 176 127)
- HSL
- hsl(152 43% 48%)
- HWB
- hwb(152 28% 31%)
- OKLCH
- oklch(0.683 0.122 160.2)
- OKLab
- oklab(0.683 -0.115 0.041)
- CIE Lab
- lab(64.81 -40.49 15.77)
- LCH
- lch(64.81 43.45 158.7)
- CMYK
- cmyk(60% 0% 28% 31%)
Tints · Shades · Tones
Tints
- 5EB88B
- 72C098
- 85C8A4
- 97D0B1
- A9D8BE
- BAE0CA
- CCE8D7
- DDEFE4
- EEF7F2
Shades
- 3D996E
- 32825D
- 286C4C
- 1F563C
- 16422D
- 0D2E1F
- 061C11
- 020B06
- 000101
Tones
- 51AB7F
- 59A780
- 60A280
- 669D80
- 6C9880
- 719480
- 758F80
- 798A80
- 7D8580
Color harmonies
Complementary +180°
- 47B07F
Divot
- CB7AB1
≈ Peruvian Lily
Analogous -30° +30°
- 47B07F
Divot
- 80A854
≈ Mosquito Fern
- 00B0A9
≈ Tropical Tree
Triadic +120° +240°
- 47B07F
Divot
- 8B90E3
≈ Perrywinkle
- D87D5D
≈ Deep Coral
Split-complementary +150° +210°
- 47B07F
Divot
- B083D1
≈ Lavender Blossom
- D97788
≈ Creamy Coral
Tetradic +90° +180° +270°
Contrast & accessibility
Ag
FailOn white
WCAG 2.69:1 · APCA Lc 52
Ag
AAAOn black
WCAG 7.78:1 · APCA Lc 50
Best text color: #000000
WCAG 7.78:1 (AAA) · APCA Lc 50
Contrast pairs
Code snippets
CSS
:root {
--divot: #47b07f;
--divot-rgb: 71 176 127;
--divot-oklch: oklch(0.683 0.122 160.2);
}
.element {
color: var(--divot);
background-color: hsl(152 43% 48%);
border-color: oklch(0.683 0.122 160.2);
}Tailwind CSS v4
@theme {
--color-divot: #47b07f;
--color-divot-50: #d7ffeb;
--color-divot-100: #c4f5dc;
--color-divot-200: #a5e5c5;
--color-divot-300: #7bcba5;
--color-divot-400: #53b486;
--color-divot-500: #189e6a;
--color-divot-600: #1a865a;
--color-divot-700: #156b48;
--color-divot-800: #114f32;
--color-divot-900: #0b3722;
--color-divot-950: #002211;
}SCSS
$divot: #47b07f;
$divot-rgb: 71, 176, 127;
$divot-light: mix(#fff, $divot, 20%);
$divot-dark: mix(#000, $divot, 20%);
.element {
color: $divot;
box-shadow: 0 0 0 2px rgba($divot, 0.35);
}