#3D2568

#3D2568

Color Values

HEX

#3D2568

RGB

61, 37, 104

HSL

261.5, 47.5%, 27.6%

HSV

261.5, 64.4%, 40.8%

CMYK

41.3%, 64.4%, 0.0%, 59.2%

OKLCH

0.3331 0.1123 296.3

Properties

Cool Dark Nearest: RAL 5005 Signal Blue

Color Harmonies

Complementary

#3D2568

#506825

Analogous

#252E68

#5E2568

#3D2568

Triadic

#3D2568

#683D25

#25683D

Split Complementary

#3D2568

#685E25

#2E6825

Tetradic

#3D2568

#68252E

#506825

#25685E

Color Blindness Simulation

Original

#3D2568

Protanopia

#333258

Deuteranopia

#343654

Tritanopia

#3C4B48

Achromatopsia

#2F2F2F

CSS Usage

background-color: #3D2568;
color: #3D2568;
border-color: #3D2568;
Nearest Tailwind: Indigo 900 #312E81

Tailwind Shades

50
#F6F4FA
100
#EBE6F4
200
#D6CAEC
300
#BAA5DF
400
#9474CD
500
#6E43BC
600
#583696
700
#472B78
800
#37215E
900
#2B1C45
950
#1B122C

Contrast Checker

Text on white

12.63:1

AA Pass AAA Pass

Text on black

1.66:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026