#253BD3

#253BD3

Color Values

HEX

#253BD3

RGB

37, 59, 211

HSL

232.4, 70.2%, 48.6%

HSV

232.4, 82.5%, 82.7%

CMYK

82.5%, 72.0%, 0.0%, 17.3%

OKLCH

0.4542 0.2297 267.9

Properties

Cool Dark Nearest: Purple Heart

Color Harmonies

Complementary

#253BD3

#D3BD25

Analogous

#2592D3

#6625D3

#253BD3

Triadic

#253BD3

#D3253B

#3BD325

Split Complementary

#253BD3

#D36625

#92D325

Tetradic

#253BD3

#D32592

#D3BD25

#25D366

Color Blindness Simulation

Original

#253BD3

Protanopia

#2F2FAE

Deuteranopia

#2D2CA5

Tritanopia

#26918B

Achromatopsia

#414141

CSS Usage

background-color: #253BD3;
color: #253BD3;
border-color: #253BD3;
Nearest Tailwind: Indigo 700 #4338CA

Tailwind Shades

50
#F3F4FC
100
#E2E5F8
200
#C2C9F4
300
#97A2ED
400
#5E6FE3
500
#263DD9
600
#1E31AE
700
#18278B
800
#131E6D
900
#121A4F
950
#0B1032

Contrast Checker

Text on white

7.94:1

AA Pass AAA Pass

Text on black

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