#253FDA

#253FDA

Color Values

HEX

#253FDA

RGB

37, 63, 218

HSL

231,4, 71,0%, 50,0%

HSV

231,4, 83,0%, 85,5%

CMYK

83,0%, 71,1%, 0,0%, 14,5%

OKLCH

0,4675 0,2341 267,4

Properties

Cool Dark Nearest: Purple Heart

Color Harmonies

Complementary

#253FDA

#DAC025

Analogous

#2599DA

#6625DA

#253FDA

Triadic

#253FDA

#DA253F

#3FDA25

Split Complementary

#253FDA

#DA6625

#99DA25

Tetradic

#253FDA

#DA2599

#DAC025

#25DA66

Color Blindness Simulation

Original

#253FDA

Protanopia

#3030B5

Deuteranopia

#2F2DAC

Tritanopia

#269790

Achromatopsia

#454545

CSS Usage

background-color: #253FDA;
color: #253FDA;
border-color: #253FDA;
Nearest Tailwind: Indigo 600 #4F46E5

Tailwind Shades

50
#F3F4FC
100
#E2E5F8
200
#C2C9F5
300
#96A3ED
400
#5E71E4
500
#253FDA
600
#1E32AE
700
#18288C
800
#121F6D
900
#111A4F
950
#0B1132

Contrast Checker

Text on white

7,49:1

AA Pass AAA Pass

Text on black

2,8:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026