#042C2A

#042C2A

Color Values

HEX

#042C2A

RGB

4, 44, 42

HSL

177.0, 83.3%, 9.4%

HSV

177.0, 90.9%, 17.3%

CMYK

90.9%, 0.0%, 4.5%, 82.7%

OKLCH

0.266 0.0428 189.9

Properties

Cool Dark Nearest: RAL 6036 Pearl Opal Green

Color Harmonies

Complementary

#042C2A

#2C0406

Analogous

#042C16

#041A2C

#042C2A

Triadic

#042C2A

#2A042C

#2C2A04

Split Complementary

#042C2A

#2C041A

#2C1604

Tetradic

#042C2A

#16042C

#2C0406

#1A2C04

Color Blindness Simulation

Original

#042C2A

Protanopia

#15162A

Deuteranopia

#13102B

Tritanopia

#062B2B

Achromatopsia

#232323

CSS Usage

background-color: #042C2A;
color: #042C2A;
border-color: #042C2A;
Nearest Tailwind: Teal 950 #042F2E

Tailwind Shades

50
#F2FDFC
100
#E1FAF9
200
#BEF9F6
300
#8FF5F0
400
#52EFE7
500
#15EADF
600
#11BBB2
700
#0E968F
800
#0B7570
900
#0C5551
950
#083633

Contrast Checker

Text on white

15.01:1

AA Pass AAA Pass

Text on black

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