#05522F

#05522F

Color Values

HEX

#05522F

RGB

5, 82, 47

HSL

152.7, 88.5%, 17.1%

HSV

152.7, 93.9%, 32.2%

CMYK

93.9%, 0.0%, 42.7%, 67.8%

OKLCH

0.3868 0.0907 156.3

Properties

Cool Dark Nearest: RAL 6035 Pearl Green

Color Harmonies

Complementary

#05522F

#520528

Analogous

#055208

#054F52

#05522F

Triadic

#05522F

#2F0552

#522F05

Split Complementary

#05522F

#52054F

#520805

Tetradic

#05522F

#080552

#520528

#4F5205

Color Blindness Simulation

Original

#05522F

Protanopia

#262737

Deuteranopia

#221C3A

Tritanopia

#093E40

Achromatopsia

#3F3F3F

CSS Usage

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

Tailwind Shades

50
#F2FDF8
100
#E0FBEE
200
#BCFBDE
300
#8CF8C7
400
#4DF4A8
500
#0FF08A
600
#0CC06E
700
#099A58
800
#077845
900
#0A5734
950
#063721

Contrast Checker

Text on white

9.32:1

AA Pass AAA Pass

Text on black

2.25: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