#253A49

#253A49

Color Values

HEX

#253A49

RGB

37, 58, 73

HSL

205.0, 32.7%, 21.6%

HSV

205.0, 49.3%, 28.6%

CMYK

49.3%, 20.5%, 0.0%, 71.4%

OKLCH

0.3376 0.0376 240.4

Properties

Cool Dark Nearest: RAL 5020 Ocean Blue

Color Harmonies

Complementary

#253A49

#493425

Analogous

#254946

#252849

#253A49

Triadic

#253A49

#49253A

#3A4925

Split Complementary

#253A49

#492528

#494625

Tetradic

#253A49

#462549

#493425

#284925

Color Blindness Simulation

Original

#253A49

Protanopia

#2E2E45

Deuteranopia

#2D2B44

Tritanopia

#264342

Achromatopsia

#373737

CSS Usage

background-color: #253A49;
color: #253A49;
border-color: #253A49;
Nearest Tailwind: Gray 700 #374151

Tailwind Shades

50
#F5F8F9
100
#E8EEF2
200
#D0DDE7
300
#AEC5D6
400
#82A6C0
500
#5686A9
600
#456C87
700
#37566C
800
#2B4355
900
#22333F
950
#162028

Contrast Checker

Text on white

11.8:1

AA Pass AAA Pass

Text on black

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