#022124

#022124

Color Values

HEX

#022124

RGB

2, 33, 36

HSL

185.3, 89.5%, 7.5%

HSV

185.3, 94.4%, 14.1%

CMYK

94.4%, 8.3%, 0.0%, 85.9%

OKLCH

0.2268 0.0365 204.1

Properties

Cool Dark Nearest: RAL 5001 Green Blue

Color Harmonies

Complementary

#022124

#240502

Analogous

#022416

#021024

#022124

Triadic

#022124

#240221

#212402

Split Complementary

#022124

#240210

#241602

Tetradic

#022124

#160224

#240502

#102402

Color Blindness Simulation

Original

#022124

Protanopia

#0F1023

Deuteranopia

#0E0B23

Tritanopia

#042323

Achromatopsia

#1B1B1B

CSS Usage

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

Tailwind Shades

50
#F2FCFD
100
#E0F8FB
200
#BBF6FB
300
#8BEFF9
400
#4CE6F5
500
#0DDDF2
600
#0BB1C1
700
#098E9B
800
#076F79
900
#095157
950
#063337

Contrast Checker

Text on white

16.86:1

AA Pass AAA Pass

Text on black

1.25:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026