#253D66

#253D66

Color Values

HEX

#253D66

RGB

37, 61, 102

HSL

217.8, 46.8%, 27.3%

HSV

217.8, 63.7%, 40.0%

CMYK

63.7%, 40.2%, 0.0%, 60.0%

OKLCH

0.3621 0.0774 260.5

Properties

Cool Dark Nearest: Midnight Blue

Color Harmonies

Complementary

#253D66

#664E25

Analogous

#255E66

#2E2566

#253D66

Triadic

#253D66

#66253D

#3D6625

Split Complementary

#253D66

#662E25

#5E6625

Tetradic

#253D66

#66255E

#664E25

#25662E

Color Blindness Simulation

Original

#253D66

Protanopia

#2F305C

Deuteranopia

#2E2C5A

Tritanopia

#265453

Achromatopsia

#3B3B3B

CSS Usage

background-color: #253D66;
color: #253D66;
border-color: #253D66;
Nearest Tailwind: Sky 900 #0C4A6E

Tailwind Shades

50
#F4F7FA
100
#E6EBF4
200
#CBD7EC
300
#A5BADE
400
#7495CD
500
#4470BB
600
#365A96
700
#2B4878
800
#22385E
900
#1C2B45
950
#121B2B

Contrast Checker

Text on white

10.84:1

AA Pass AAA Pass

Text on black

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