Forest Green
#087743
GreenColor Codes
All color formats for development
HEX
#087743RGB
rgb(8, 119, 67)HSL
hsl(152, 87%, 25%)OKLCH
oklch(0.501 0.122 154.8)CMYK
cmyk(93%, 0%, 44%, 53%)Accessibility
WCAG contrast compliance
Tailwind Scale
50-950 scale matching Tailwind CSS naming
Shades
Darker variations
1#076B3D
2#075F36
3#06532F
4#054828
5#043C22
6#03301B
7#022414
8#02180D
9#010C07
Tints
Lighter variations
1#0B9B58
2#0DBF6C
3#10E380
4#28F093
5#4CF3A5
6#70F5B7
7#94F8C9
8#B7FADB
9#DBFDED
Tones
Muted variations
1#0E7243
2#136C43
3#196742
4#1E6142
5#245B42
6#2A5641
7#2F5041
8#354B40
9#3A4540
Usage Guidelines
Recommended use cases for each shade level
| Level | Color | Typical Use Cases |
|---|---|---|
| 50 | F1FE #F1FEF8 | BackgroundsSubtle highlightsCard backgrounds |
| 100 | DEFD #DEFDEE | Light backgroundsTable row hoverSkeleton loading |
| 200 | C1FB #C1FBE0 | Secondary backgroundsInput backgroundsDividers |
| 300 | 91F7 #91F7C8 | BordersInactive statesPlaceholder text |
| 400 | 58F3 #58F3AB | Disabled statesSecondary iconsMuted text |
| 500 | 28F0 #28F093 | Primary brand colorCTAsActive elementsLinks |
| 600 | 0FD2 #0FD277 | Hover statesFocus ringsPrimary buttons hover |
| 700 | 0CA7 #0CA75E | Active/pressed statesDark mode accentsSecondary text |
| 800 | 0877 #087743 | Text on light backgroundsHeadingsStrong borders |
| 900 | 054C #054C2B | Primary textHigh emphasis contentDark headings |
| 950 | 0330 #03301B | Maximum contrast textDark mode backgrounds |
Export Code
Copy ready-to-use code for your project
:root {
--forest-green-50: #F1FEF8;
--forest-green-100: #DEFDEE;
--forest-green-200: #C1FBE0;
--forest-green-300: #91F7C8;
--forest-green-400: #58F3AB;
--forest-green-500: #28F093;
--forest-green-600: #0FD277;
--forest-green-700: #0CA75E;
--forest-green-800: #087743;
--forest-green-900: #054C2B;
--forest-green-950: #03301B;
}