#023462

#023462

Color Values

HEX

#023462

RGB

2, 52, 98

HSL

208.8, 96.0%, 19.6%

HSV

208.8, 98.0%, 38.4%

CMYK

98.0%, 46.9%, 0.0%, 61.6%

OKLCH

0.3232 0.0949 252.2

Properties

Cool Dark Nearest: RAL 5026 Pearl Night Blue

Color Harmonies

Complementary

#023462

#623002

Analogous

#026260

#020462

#023462

Triadic

#023462

#620234

#346202

Split Complementary

#023462

#620204

#626002

Tetradic

#023462

#600262

#623002

#046202

Color Blindness Simulation

Original

#023462

Protanopia

#181857

Deuteranopia

#151154

Tritanopia

#044E4C

Achromatopsia

#2D2D2D

CSS Usage

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

Tailwind Shades

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

Contrast Checker

Text on white

12.57:1

AA Pass AAA Pass

Text on black

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