#02254D

#02254D

Color Values

HEX

#02254D

RGB

2, 37, 77

HSL

212.0, 94.9%, 15.5%

HSV

212.0, 97.4%, 30.2%

CMYK

97.4%, 51.9%, 0.0%, 69.8%

OKLCH

0.2671 0.0837 254.8

Properties

Cool Dark Nearest: RAL 5026 Pearl Night Blue

Color Harmonies

Complementary

#02254D

#4D2A02

Analogous

#024B4D

#05024D

#02254D

Triadic

#02254D

#4D0225

#254D02

Split Complementary

#02254D

#4D0502

#4B4D02

Tetradic

#02254D

#4D024B

#4D2A02

#024D05

Color Blindness Simulation

Original

#02254D

Protanopia

#111143

Deuteranopia

#0F0C41

Tritanopia

#043C3A

Achromatopsia

#202020

CSS Usage

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

Tailwind Shades

50
#F1F7FE
100
#DFECFC
200
#B9D9FD
300
#88BEFC
400
#479BFA
500
#0777F8
600
#0560C7
700
#044C9F
800
#033C7C
900
#072E5A
950
#041D39

Contrast Checker

Text on white

15.28:1

AA Pass AAA Pass

Text on black

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