#023666

#023666

Color Values

HEX

#023666

RGB

2, 54, 102

HSL

208.8, 96.2%, 20.4%

HSV

208.8, 98.0%, 40.0%

CMYK

98.0%, 47.1%, 0.0%, 60.0%

OKLCH

0.3315 0.0981 252.4

Properties

Cool Dark Nearest: RAL 5017 Traffic Blue

Color Harmonies

Complementary

#023666

#663202

Analogous

#026664

#020466

#023666

Triadic

#023666

#660236

#366602

Split Complementary

#023666

#660204

#666402

Tetradic

#023666

#640266

#663202

#046602

Color Blindness Simulation

Original

#023666

Protanopia

#19195A

Deuteranopia

#161258

Tritanopia

#05514F

Achromatopsia

#2E2E2E

CSS Usage

background-color: #023666;
color: #023666;
border-color: #023666;
Nearest Tailwind: Blue 950 #172554

Tailwind Shades

50
#F1F8FE
100
#DFEEFC
200
#B9DDFE
300
#87C4FD
400
#46A4FB
500
#0584FA
600
#046AC8
700
#0355A0
800
#02427D
900
#07325A
950
#042039

Contrast Checker

Text on white

12.19:1

AA Pass AAA Pass

Text on black

1.72:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026