#2D2686

#2D2686

Color Values

HEX

#2D2686

RGB

45, 38, 134

HSL

244.4, 55.8%, 33.7%

HSV

244.4, 71.6%, 52.5%

CMYK

66.4%, 71.6%, 0.0%, 47.5%

OKLCH

0.3466 0.1532 278.0

Properties

Cool Dark Nearest: midnightblue

Color Harmonies

Complementary

#2D2686

#7F8626

Analogous

#264F86

#5D2686

#2D2686

Triadic

#2D2686

#862D26

#26862D

Split Complementary

#2D2686

#865D26

#4F8626

Tetradic

#2D2686

#86264F

#7F8626

#26865D

Color Blindness Simulation

Original

#2D2686

Protanopia

#2A2A6F

Deuteranopia

#2A2B69

Tritanopia

#2D5C58

Achromatopsia

#2E2E2E

CSS Usage

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

Tailwind Shades

50
#F4F4FB
100
#E6E5F6
200
#CAC7EF
300
#A5A0E4
400
#746CD5
500
#4338C7
600
#352D9F
700
#2B247F
800
#211C63
900
#1C1849
950
#110F2E

Contrast Checker

Text on white

12.12:1

AA Pass AAA Pass

Text on black

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