#042F24

#042F24

Color Values

HEX

#042F24

RGB

4, 47, 36

HSL

164.7, 84.3%, 10.0%

HSV

164.7, 91.5%, 18.4%

CMYK

91.5%, 0.0%, 23.4%, 81.6%

OKLCH

0.2733 0.0501 171.2

Properties

Cool Dark Nearest: RAL 6036 Pearl Opal Green

Color Harmonies

Complementary

#042F24

#2F040F

Analogous

#042F0F

#04242F

#042F24

Triadic

#042F24

#24042F

#2F2404

Split Complementary

#042F24

#2F0424

#2F0F04

Tetradic

#042F24

#0F042F

#2F040F

#242F04

Color Blindness Simulation

Original

#042F24

Protanopia

#171727

Deuteranopia

#141127

Tritanopia

#062929

Achromatopsia

#252525

CSS Usage

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

Tailwind Shades

50
#F2FDFA
100
#E0FAF3
200
#BDF9EA
300
#8EF5DB
400
#51F0C8
500
#14EBB4
600
#10BC90
700
#0D9673
800
#0A755A
900
#0C5542
950
#07362A

Contrast Checker

Text on white

14.61:1

AA Pass AAA Pass

Text on black

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