#022428

#022428

Color Values

HEX

#022428

RGB

2, 36, 40

HSL

186.3, 90.5%, 8.2%

HSV

186.3, 95.0%, 15.7%

CMYK

95.0%, 10.0%, 0.0%, 84.3%

OKLCH

0.2386 0.0389 206.3

Properties

Cool Dark Nearest: RAL 5001 Green Blue

Color Harmonies

Complementary

#022428

#280602

Analogous

#022819

#021128

#022428

Triadic

#022428

#280224

#242802

Split Complementary

#022428

#280211

#281902

Tetradic

#022428

#190228

#280602

#112802

Color Blindness Simulation

Original

#022428

Protanopia

#111127

Deuteranopia

#0F0C27

Tritanopia

#042626

Achromatopsia

#1D1D1D

CSS Usage

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

Tailwind Shades

50
#F1FCFD
100
#DFF8FB
200
#BBF5FC
300
#8AEEF9
400
#4BE4F6
500
#0CDBF3
600
#0AAFC2
700
#088C9B
800
#066D79
900
#095058
950
#063238

Contrast Checker

Text on white

16.34:1

AA Pass AAA Pass

Text on black

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