#3437BA

#3437BA

Color Values

HEX

#3437BA

RGB

52, 55, 186

HSL

238.7, 56.3%, 46.7%

HSV

238.7, 72.0%, 72.9%

CMYK

72.0%, 70.4%, 0.0%, 27.1%

OKLCH

0.4299 0.1996 273.2

Properties

Cool Dark Nearest: Purple Heart

Color Harmonies

Complementary

#3437BA

#BAB734

Analogous

#347ABA

#7434BA

#3437BA

Triadic

#3437BA

#BA3437

#37BA34

Split Complementary

#3437BA

#BA7434

#7ABA34

Tetradic

#3437BA

#BA347A

#BAB734

#34BA74

Color Blindness Simulation

Original

#3437BA

Protanopia

#35359A

Deuteranopia

#353593

Tritanopia

#34817C

Achromatopsia

#404040

CSS Usage

background-color: #3437BA;
color: #3437BA;
border-color: #3437BA;
Nearest Tailwind: Indigo 700 #4338CA

Tailwind Shades

50
#F4F4FB
100
#E5E5F6
200
#C7C8EF
300
#9FA1E4
400
#6C6ED6
500
#383BC7
600
#2D2F9F
700
#242680
800
#1C1D64
900
#181949
950
#0F102E

Contrast Checker

Text on white

8.74:1

AA Pass AAA Pass

Text on black

2.4:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

ก.พ. 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

ม.ค. 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

ม.ค. 21, 2026