#253E48

#253E48

Color Values

HEX

#253E48

RGB

37, 62, 72

HSL

197.1, 32.1%, 21.4%

HSV

197.1, 48.6%, 28.2%

CMYK

48.6%, 13.9%, 0.0%, 71.8%

OKLCH

0.3479 0.0354 225.3

Properties

Cool Dark Nearest: RAL 6004 Blue Green

Color Harmonies

Complementary

#253E48

#482F25

Analogous

#254841

#252D48

#253E48

Triadic

#253E48

#48253E

#3E4825

Split Complementary

#253E48

#48252D

#484125

Tetradic

#253E48

#412548

#482F25

#2D4825

Color Blindness Simulation

Original

#253E48

Protanopia

#303046

Deuteranopia

#2E2C45

Tritanopia

#264443

Achromatopsia

#393939

CSS Usage

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

Tailwind Shades

50
#F5F8F9
100
#E8EFF2
200
#D0E0E7
300
#AECAD5
400
#82AEBF
500
#5791A8
600
#457487
700
#375D6C
800
#2B4954
900
#22363E
950
#162227

Contrast Checker

Text on white

11.28:1

AA Pass AAA Pass

Text on black

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