#054022

#054022

Color Values

HEX

#054022

RGB

5, 64, 34

HSL

149.5, 85.5%, 13.5%

HSV

149.5, 92.2%, 25.1%

CMYK

92.2%, 0.0%, 46.9%, 74.9%

OKLCH

0.3277 0.0778 154.7

Properties

Cool Dark Nearest: RAL 6035 Pearl Green

Color Harmonies

Complementary

#054022

#400523

Analogous

#054005

#05403F

#054022

Triadic

#054022

#220540

#402205

Split Complementary

#054022

#3F0540

#400505

Tetradic

#054022

#050540

#400523

#403F05

Color Blindness Simulation

Original

#054022

Protanopia

#1F1F29

Deuteranopia

#1B172B

Tritanopia

#082F30

Achromatopsia

#313131

CSS Usage

background-color: #054022;
color: #054022;
border-color: #054022;
Nearest Tailwind: Green 900 #14532D

Tailwind Shades

50
#F2FDF7
100
#E0FAED
200
#BDFADB
300
#8DF6C1
400
#50F19F
500
#12ED7E
600
#0FBD65
700
#0C9750
800
#09763F
900
#0B5630
950
#07361E

Contrast Checker

Text on white

11.91:1

AA Pass AAA Pass

Text on black

1.76:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026