#022F41

#022F41

Color Values

HEX

#022F41

RGB

2, 47, 65

HSL

197.1, 94.0%, 13.1%

HSV

197.1, 96.9%, 25.5%

CMYK

96.9%, 27.7%, 0.0%, 74.5%

OKLCH

0.2865 0.056 230.9

Properties

Cool Dark Nearest: RAL 5020 Ocean Blue

Color Harmonies

Complementary

#022F41

#411402

Analogous

#024133

#021041

#022F41

Triadic

#022F41

#41022F

#2F4102

Split Complementary

#022F41

#410210

#413302

Tetradic

#022F41

#330241

#411402

#104102

Color Blindness Simulation

Original

#022F41

Protanopia

#15163D

Deuteranopia

#13103C

Tritanopia

#043938

Achromatopsia

#272727

CSS Usage

background-color: #022F41;
color: #022F41;
border-color: #022F41;
Nearest Tailwind: Cyan 950 #083344

Tailwind Shades

50
#F1FAFD
100
#DFF3FB
200
#BAEAFD
300
#88DBFB
400
#48C7F9
500
#08B3F7
600
#068FC6
700
#05739E
800
#045A7C
900
#074259
950
#052A38

Contrast Checker

Text on white

14.14:1

AA Pass AAA Pass

Text on black

1.49:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026