#041622

#041622

Color Values

HEX

#041622

RGB

4, 22, 34

HSL

204.0, 78.9%, 7.5%

HSV

204.0, 88.2%, 13.3%

CMYK

88.2%, 35.3%, 0.0%, 86.7%

OKLCH

0.1914 0.0349 239.3

Properties

Cool Dark Nearest: RAL 5004 Black Blue

Color Harmonies

Complementary

#041622

#221004

Analogous

#04221F

#040722

#041622

Triadic

#041622

#220416

#162204

Split Complementary

#041622

#220407

#221F04

Tetradic

#041622

#1F0422

#221004

#072204

Color Blindness Simulation

Original

#041622

Protanopia

#0C0C1F

Deuteranopia

#0B091E

Tritanopia

#051D1C

Achromatopsia

#131313

CSS Usage

background-color: #041622;
color: #041622;
border-color: #041622;
Nearest Tailwind: Gray 900 #111827

Tailwind Shades

50
#F2F8FC
100
#E1F0F9
200
#BFE1F7
300
#92CBF2
400
#56B0EB
500
#1B94E4
600
#1676B6
700
#115E92
800
#0D4A72
900
#0E3753
950
#092334

Contrast Checker

Text on white

18.37:1

AA Pass AAA Pass

Text on black

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