#3625AD

#3625AD

Color Values

HEX

#3625AD

RGB

54, 37, 173

HSL

247.5, 64.8%, 41.2%

HSV

247.5, 78.6%, 67.8%

CMYK

68.8%, 78.6%, 0.0%, 32.2%

OKLCH

0.3927 0.2009 277.4

Properties

Cool Dark Nearest: darkblue

Color Harmonies

Complementary

#3625AD

#9CAD25

Analogous

#2558AD

#7A25AD

#3625AD

Triadic

#3625AD

#AD3625

#25AD36

Split Complementary

#3625AD

#AD7A25

#58AD25

Tetradic

#3625AD

#AD2558

#9CAD25

#25AD7A

Color Blindness Simulation

Original

#3625AD

Protanopia

#2F2E8C

Deuteranopia

#303184

Tritanopia

#35726C

Achromatopsia

#323232

CSS Usage

background-color: #3625AD;
color: #3625AD;
border-color: #3625AD;
Nearest Tailwind: Indigo 700 #4338CA

Tailwind Shades

50
#F4F3FC
100
#E6E3F7
200
#CAC4F2
300
#A49AE9
400
#7364DE
500
#422DD2
600
#3424A8
700
#2A1D86
800
#211669
900
#1B144D
950
#110D30

Contrast Checker

Text on white

10.37:1

AA Pass AAA Pass

Text on black

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