#2500A3

#2500A3

Color Values

HEX

#2500A3

RGB

37, 0, 163

HSL

253.6, 100.0%, 32.0%

HSV

253.6, 100.0%, 63.9%

CMYK

77.3%, 100.0%, 0.0%, 36.1%

OKLCH

0.3388 0.2151 273.7

Properties

Cool Dark Nearest: darkblue

Color Harmonies

Complementary

#2500A3

#7EA300

Analogous

#002DA3

#7700A3

#2500A3

Triadic

#2500A3

#A32500

#00A325

Split Complementary

#2500A3

#A37700

#2DA300

Tetradic

#2500A3

#A3002D

#7EA300

#00A377

Color Blindness Simulation

Original

#2500A3

Protanopia

#15157C

Deuteranopia

#171A72

Tritanopia

#235C56

Achromatopsia

#141414

CSS Usage

background-color: #2500A3;
color: #2500A3;
border-color: #2500A3;
Nearest Tailwind: Violet 800 #5B21B6

Tailwind Shades

50
#F4F1FE
100
#E5DEFC
200
#C8B8FF
300
#A085FF
400
#6D42FF
500
#3A00FF
600
#2E00CC
700
#2500A3
800
#1D0080
900
#19055C
950
#10033A

Contrast Checker

Text on white

13.06:1

AA Pass AAA Pass

Text on black

1.61:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026