#042F23

#042F23

Color Values

HEX

#042F23

RGB

4, 47, 35

HSL

163.3, 84.3%, 10.0%

HSV

163.3, 91.5%, 18.4%

CMYK

91.5%, 0.0%, 25.5%, 81.6%

OKLCH

0.273 0.0509 169.5

Properties

Cool Dark Nearest: RAL 6036 Pearl Opal Green

Color Harmonies

Complementary

#042F23

#2F0410

Analogous

#042F0E

#04252F

#042F23

Triadic

#042F23

#23042F

#2F2304

Split Complementary

#042F23

#2F0425

#2F0E04

Tetradic

#042F23

#0E042F

#2F0410

#252F04

Color Blindness Simulation

Original

#042F23

Protanopia

#171726

Deuteranopia

#141127

Tritanopia

#062829

Achromatopsia

#252525

CSS Usage

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

Tailwind Shades

50
#F2FDFA
100
#E0FAF3
200
#BDF9E9
300
#8EF5D9
400
#51F0C4
500
#14EBAF
600
#10BC8C
700
#0D9670
800
#0A7558
900
#0C5541
950
#073629

Contrast Checker

Text on white

14.62:1

AA Pass AAA Pass

Text on black

1.44:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026