#253098

#253098

Color Values

HEX

#253098

RGB

37, 48, 152

HSL

234.3, 60.8%, 37.1%

HSV

234.3, 75.7%, 59.6%

CMYK

75.7%, 68.4%, 0.0%, 40.4%

OKLCH

0.3761 0.1676 270.8

Properties

Cool Dark Nearest: NCS S 2050-R70B Violet

Color Harmonies

Complementary

#253098

#988D25

Analogous

#256A98

#542598

#253098

Triadic

#253098

#982530

#309825

Split Complementary

#253098

#985425

#6A9825

Tetradic

#253098

#98256A

#988D25

#259854

Color Blindness Simulation

Original

#253098

Protanopia

#2A2A7F

Deuteranopia

#292879

Tritanopia

#266B67

Achromatopsia

#353535

CSS Usage

background-color: #253098;
color: #253098;
border-color: #253098;
Nearest Tailwind: Indigo 800 #3730A3

Tailwind Shades

50
#F3F4FB
100
#E4E6F6
200
#C6CAF1
300
#9DA4E7
400
#6772DA
500
#3241CD
600
#2834A4
700
#202983
800
#192067
900
#161B4B
950
#0E112F

Contrast Checker

Text on white

10.74:1

AA Pass AAA Pass

Text on black

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