Sea Green
#087849
GreenColor Codes
All color formats for development
HEX
#087849RGB
rgb(8, 120, 73)HSL
hsl(155, 88%, 25%)OKLCH
oklch(0.505 0.117 157.3)CMYK
cmyk(93%, 0%, 39%, 53%)Accessibility
WCAG contrast compliance
Tailwind Scale
50-950 scale matching Tailwind CSS naming
Shades
Darker variations
1#076C42
2#06603A
3#055433
4#05482C
5#043C25
6#03301D
7#022416
8#02180F
9#010C07
Tints
Lighter variations
1#0A9C5F
2#0CC075
3#0FE48B
4#27F19D
5#4BF4AD
6#6FF6BE
7#93F8CE
8#B7FADE
9#DBFDEF
Tones
Muted variations
1#0D7248
2#136D47
3#186746
4#1E6145
5#245C44
6#295643
7#2F5143
8#354B42
9#3A4541
Usage Guidelines
Recommended use cases for each shade level
| Level | Color | Typical Use Cases |
|---|---|---|
| 50 | F1FE #F1FEF8 | BackgroundsSubtle highlightsCard backgrounds |
| 100 | DDFD #DDFDF0 | Light backgroundsTable row hoverSkeleton loading |
| 200 | C1FB #C1FBE3 | Secondary backgroundsInput backgroundsDividers |
| 300 | 91F8 #91F8CD | BordersInactive statesPlaceholder text |
| 400 | 57F4 #57F4B3 | Disabled statesSecondary iconsMuted text |
| 500 | 27F1 #27F19D | Primary brand colorCTAsActive elementsLinks |
| 600 | 0DD3 #0DD381 | Hover statesFocus ringsPrimary buttons hover |
| 700 | 0BA8 #0BA866 | Active/pressed statesDark mode accentsSecondary text |
| 800 | 0878 #087849 | Text on light backgroundsHeadingsStrong borders |
| 900 | 054D #054D2F | Primary textHigh emphasis contentDark headings |
| 950 | 0330 #03301D | Maximum contrast textDark mode backgrounds |
Export Code
Copy ready-to-use code for your project
:root {
--sea-green-50: #F1FEF8;
--sea-green-100: #DDFDF0;
--sea-green-200: #C1FBE3;
--sea-green-300: #91F8CD;
--sea-green-400: #57F4B3;
--sea-green-500: #27F19D;
--sea-green-600: #0DD381;
--sea-green-700: #0BA866;
--sea-green-800: #087849;
--sea-green-900: #054D2F;
--sea-green-950: #03301D;
}