#042223

#042223

Color Values

HEX

#042223

RGB

4, 34, 35

HSL

181.9, 79.5%, 7.6%

HSV

181.9, 88.6%, 13.7%

CMYK

88.6%, 2.9%, 0.0%, 86.3%

OKLCH

0.2306 0.0351 198.2

Properties

Cool Dark Nearest: RAL 5001 Green Blue

Color Harmonies

Complementary

#042223

#230504

Analogous

#042314

#041223

#042223

Triadic

#042223

#230422

#222304

Split Complementary

#042223

#230412

#231404

Tetradic

#042223

#140423

#230504

#122304

Color Blindness Simulation

Original

#042223

Protanopia

#111123

Deuteranopia

#0F0D23

Tritanopia

#062323

Achromatopsia

#1C1C1C

CSS Usage

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

Tailwind Shades

50
#F2FCFD
100
#E1F8F9
200
#BFF6F8
300
#91EFF2
400
#56E7EC
500
#1ADEE5
600
#15B2B7
700
#118E92
800
#0D6F72
900
#0E5153
950
#093334

Contrast Checker

Text on white

16.69:1

AA Pass AAA Pass

Text on black

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