#022229

#022229

Color Values

HEX

#022229

RGB

2, 34, 41

HSL

190.8, 90.7%, 8.4%

HSV

190.8, 95.1%, 16.1%

CMYK

95.1%, 17.1%, 0.0%, 83.9%

OKLCH

0.2327 0.039 215.2

Properties

Cool Dark Nearest: RAL 5001 Green Blue

Color Harmonies

Complementary

#022229

#290902

Analogous

#02291C

#020E29

#022229

Triadic

#022229

#290222

#222902

Split Complementary

#022229

#29020E

#291C02

Tetradic

#022229

#1C0229

#290902

#0E2902

Color Blindness Simulation

Original

#022229

Protanopia

#101027

Deuteranopia

#0E0C27

Tritanopia

#042626

Achromatopsia

#1C1C1C

CSS Usage

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

Tailwind Shades

50
#F1FBFD
100
#DFF6FB
200
#BBF0FC
300
#8AE5F9
400
#4BD7F6
500
#0CCAF3
600
#09A1C3
700
#08819C
800
#06657A
900
#094A58
950
#062F38

Contrast Checker

Text on white

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