#057227

#057227

Color Values

HEX

#057227

RGB

5, 114, 39

HSL

138.7, 91.6%, 23.3%

HSV

138.7, 95.6%, 44.7%

CMYK

95.6%, 0.0%, 65.8%, 55.3%

OKLCH

0.4816 0.1416 146.9

Properties

Cool Dark Nearest: NCS S 2060-G Deep Green

Color Harmonies

Complementary

#057227

#720550

Analogous

#197205

#05725D

#057227

Triadic

#057227

#270572

#722705

Split Complementary

#057227

#5D0572

#720519

Tetradic

#057227

#051972

#720550

#725D05

Color Blindness Simulation

Original

#057227

Protanopia

#343539

Deuteranopia

#2E263D

Tritanopia

#0A474B

Achromatopsia

#555555

CSS Usage

background-color: #057227;
color: #057227;
border-color: #057227;
Nearest Tailwind: Green 700 #15803D

Tailwind Shades

50
#F1FDF5
100
#DFFBE8
200
#BBFCCF
300
#8AFAAD
400
#4AF780
500
#0BF454
600
#09C343
700
#079C35
800
#057A2A
900
#095821
950
#053815

Contrast Checker

Text on white

6.1:1

AA Pass AAA Fail

Text on black

3.44:1

AA Fail 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