#042222

#042222

Color Values

HEX

#042222

RGB

4, 34, 34

HSL

180.0, 78.9%, 7.5%

HSV

180.0, 88.2%, 13.3%

CMYK

88.2%, 0.0%, 0.0%, 86.7%

OKLCH

0.2301 0.0351 195.0

Properties

Cool Dark Nearest: RAL 6036 Pearl Opal Green

Color Harmonies

Complementary

#042222

#220404

Analogous

#042213

#041322

#042222

Triadic

#042222

#220422

#222204

Split Complementary

#042222

#220413

#221304

Tetradic

#042222

#130422

#220404

#132204

Color Blindness Simulation

Original

#042222

Protanopia

#111122

Deuteranopia

#0F0D22

Tritanopia

#062222

Achromatopsia

#1C1C1C

CSS Usage

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

Tailwind Shades

50
#F2FCFC
100
#E1F9F9
200
#BFF7F7
300
#92F2F2
400
#56EBEB
500
#1BE4E4
600
#16B6B6
700
#119292
800
#0D7272
900
#0E5353
950
#093434

Contrast Checker

Text on white

16.71:1

AA Pass AAA Pass

Text on black

1.26:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026