#022C32

#022C32

Color Values

HEX

#022C32

RGB

2, 44, 50

HSL

187.5, 92.3%, 10.2%

HSV

187.5, 96.0%, 19.6%

CMYK

96.0%, 12.0%, 0.0%, 80.4%

OKLCH

0.269 0.0449 209.3

Properties

Cool Dark Nearest: RAL 5001 Green Blue

Color Harmonies

Complementary

#022C32

#320802

Analogous

#023220

#021432

#022C32

Triadic

#022C32

#32022C

#2C3202

Split Complementary

#022C32

#320214

#322002

Tetradic

#022C32

#200232

#320802

#143202

Color Blindness Simulation

Original

#022C32

Protanopia

#141531

Deuteranopia

#120F30

Tritanopia

#042F2F

Achromatopsia

#242424

CSS Usage

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

Tailwind Shades

50
#F1FCFD
100
#DFF8FB
200
#BAF4FC
300
#89ECFA
400
#4AE2F8
500
#0AD8F5
600
#08ADC4
700
#068A9D
800
#056C7B
900
#084F59
950
#053238

Contrast Checker

Text on white

14.91:1

AA Pass AAA Pass

Text on black

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