#022543

#022543

Color Values

HEX

#022543

RGB

2, 37, 67

HSL

207.7, 94.2%, 13.5%

HSV

207.7, 97.0%, 26.3%

CMYK

97.0%, 44.8%, 0.0%, 73.7%

OKLCH

0.259 0.0685 249.1

Properties

Cool Dark Nearest: RAL 5010 Gentian Blue

Color Harmonies

Complementary

#022543

#432002

Analogous

#024340

#020443

#022543

Triadic

#022543

#430225

#254302

Split Complementary

#022543

#430204

#434002

Tetradic

#022543

#400243

#432002

#044302

Color Blindness Simulation

Original

#022543

Protanopia

#11113C

Deuteranopia

#0F0C3A

Tritanopia

#043635

Achromatopsia

#202020

CSS Usage

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

Tailwind Shades

50
#F1F8FD
100
#DFEEFB
200
#BADEFD
300
#88C6FB
400
#48A7FA
500
#0789F8
600
#066DC6
700
#05579E
800
#04447C
900
#07345A
950
#052139

Contrast Checker

Text on white

15.58:1

AA Pass AAA Pass

Text on black

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