#022F35

#022F35

Color Values

HEX

#022F35

RGB

2, 47, 53

HSL

187.1, 92.7%, 10.8%

HSV

187.1, 96.2%, 20.8%

CMYK

96.2%, 11.3%, 0.0%, 79.2%

OKLCH

0.2799 0.0467 208.6

Properties

Cool Dark Nearest: RAL 6036 Pearl Opal Green

Color Harmonies

Complementary

#022F35

#350802

Analogous

#023522

#021535

#022F35

Triadic

#022F35

#35022F

#2F3502

Split Complementary

#022F35

#350215

#352202

Tetradic

#022F35

#220235

#350802

#153502

Color Blindness Simulation

Original

#022F35

Protanopia

#151634

Deuteranopia

#131033

Tritanopia

#043232

Achromatopsia

#262626

CSS Usage

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

Tailwind Shades

50
#F1FCFD
100
#DFF8FB
200
#BAF5FC
300
#89EDFB
400
#49E3F8
500
#09DAF6
600
#07AEC5
700
#068B9D
800
#056D7B
900
#084F59
950
#053238

Contrast Checker

Text on white

14.38:1

AA Pass AAA Pass

Text on black

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