#022845

#022845

Color Values

HEX

#022845

RGB

2, 40, 69

HSL

206.0, 94.4%, 13.9%

HSV

206.0, 97.1%, 27.1%

CMYK

97.1%, 42.0%, 0.0%, 72.9%

OKLCH

0.2689 0.0678 246.8

Properties

Cool Dark Nearest: RAL 5010 Gentian Blue

Color Harmonies

Complementary

#022845

#451F02

Analogous

#024540

#020645

#022845

Triadic

#022845

#450228

#284502

Split Complementary

#022845

#450206

#454002

Tetradic

#022845

#400245

#451F02

#064502

Color Blindness Simulation

Original

#022845

Protanopia

#12133E

Deuteranopia

#100D3C

Tritanopia

#043837

Achromatopsia

#222222

CSS Usage

background-color: #022845;
color: #022845;
border-color: #022845;
Nearest Tailwind: Sky 950 #082F49

Tailwind Shades

50
#F1F8FD
100
#DFEFFB
200
#BAE0FD
300
#88CAFC
400
#48ADFA
500
#0790F8
600
#0673C6
700
#055C9F
800
#04487C
900
#07365A
950
#052239

Contrast Checker

Text on white

15.09:1

AA Pass AAA Pass

Text on black

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