#2D3084

#2D3084

Color Values

HEX

#2D3084

RGB

45, 48, 132

HSL

237.9, 49.2%, 34.7%

HSV

237.9, 65.9%, 51.8%

CMYK

65.9%, 63.6%, 0.0%, 48.2%

OKLCH

0.3622 0.138 275.5

Properties

Cool Dark Nearest: slateblue 4

Color Harmonies

Complementary

#2D3084

#84812D

Analogous

#2D5C84

#552D84

#2D3084

Triadic

#2D3084

#842D30

#30842D

Split Complementary

#2D3084

#84552D

#5C842D

Tetradic

#2D3084

#842D5C

#84812D

#2D8455

Color Blindness Simulation

Original

#2D3084

Protanopia

#2E2E70

Deuteranopia

#2E2E6B

Tritanopia

#2D605C

Achromatopsia

#353535

CSS Usage

background-color: #2D3084;
color: #2D3084;
border-color: #2D3084;
Nearest Tailwind: Indigo 900 #312E81

Tailwind Shades

50
#F4F4FB
100
#E6E6F5
200
#CACBED
300
#A4A6E0
400
#7275CF
500
#4145BE
600
#343798
700
#292C7A
800
#20235F
900
#1B1C46
950
#11122C

Contrast Checker

Text on white

11.24:1

AA Pass AAA Pass

Text on black

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