#042520

#042520

Color Values

HEX

#042520

RGB

4, 37, 32

HSL

170.9, 80.5%, 8.0%

HSV

170.9, 89.2%, 14.5%

CMYK

89.2%, 0.0%, 13.5%, 85.5%

OKLCH

0.2391 0.0391 180.9

Properties

Cool Dark Nearest: RAL 6036 Pearl Opal Green

Color Harmonies

Complementary

#042520

#250409

Analogous

#04250F

#041925

#042520

Triadic

#042520

#200425

#252004

Split Complementary

#042520

#250419

#250F04

Tetradic

#042520

#0F0425

#250409

#192504

Color Blindness Simulation

Original

#042520

Protanopia

#121321

Deuteranopia

#100E22

Tritanopia

#062222

Achromatopsia

#1E1E1E

CSS Usage

background-color: #042520;
color: #042520;
border-color: #042520;
Nearest Tailwind: Emerald 950 #022C22

Tailwind Shades

50
#F2FDFB
100
#E1F9F6
200
#BFF8EF
300
#91F3E4
400
#55EDD6
500
#19E6C7
600
#14B89F
700
#10937F
800
#0C7364
900
#0D5449
950
#08352E

Contrast Checker

Text on white

16.27:1

AA Pass AAA Pass

Text on black

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