#02985D

#02985D

Color Values

HEX

#02985D

RGB

2, 152, 93

HSL

156.4, 97.4%, 30.2%

HSV

156.4, 98.7%, 59.6%

CMYK

98.7%, 0.0%, 38.8%, 40.4%

OKLCH

0.5985 0.1411 157.4

Properties

Cool Light Nearest: NCS S 1050-B90G Emerald

Color Harmonies

Complementary

#02985D

#98023D

Analogous

#029812

#028898

#02985D

Triadic

#02985D

#5D0298

#985D02

Split Complementary

#02985D

#980288

#981202

Tetradic

#02985D

#120298

#98023D

#889802

Color Blindness Simulation

Original

#02985D

Protanopia

#43446B

Deuteranopia

#3A2F6F

Tritanopia

#0A7779

Achromatopsia

#747474

CSS Usage

background-color: #02985D;
color: #02985D;
border-color: #02985D;
Nearest Tailwind: Emerald 600 #059669

Tailwind Shades

50
#F1FEF9
100
#DEFCF0
200
#B9FEE3
300
#86FDCF
400
#45FDB4
500
#03FC9A
600
#03C97B
700
#02A163
800
#027E4D
900
#065B3A
950
#043924

Contrast Checker

Text on white

3.72:1

AA Fail AAA Fail

Text on black

5.65:1

AA Pass AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026