#02673A

#02673A

Color Values

HEX

#02673A

RGB

2, 103, 58

HSL

153.3, 96.2%, 20.6%

HSV

153.3, 98.1%, 40.4%

CMYK

98.1%, 0.0%, 43.7%, 59.6%

OKLCH

0.4518 0.1099 155.5

Properties

Cool Dark Nearest: NCS S 3060-G Dark Green

Color Harmonies

Complementary

#02673A

#67022F

Analogous

#026708

#026267

#02673A

Triadic

#02673A

#3A0267

#673A02

Split Complementary

#02673A

#670262

#670802

Tetradic

#02673A

#080267

#67022F

#626702

Color Blindness Simulation

Original

#02673A

Protanopia

#2E2F45

Deuteranopia

#282048

Tritanopia

#074D4F

Achromatopsia

#4E4E4E

CSS Usage

background-color: #02673A;
color: #02673A;
border-color: #02673A;
Nearest Tailwind: Green 800 #166534

Tailwind Shades

50
#F1FEF8
100
#DFFCEF
200
#B9FEDF
300
#87FDC8
400
#46FBAB
500
#05FA8D
600
#04C871
700
#03A05A
800
#027D46
900
#075A35
950
#043922

Contrast Checker

Text on white

6.99:1

AA Pass AAA Fail

Text on black

3.0:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026