#3D145B

#3D145B

Color Values

HEX

#3D145B

RGB

61, 20, 91

HSL

274.6, 64.0%, 21.8%

HSV

274.6, 78.0%, 35.7%

CMYK

33.0%, 78.0%, 0.0%, 64.3%

OKLCH

0.2973 0.121 306.7

Properties

Cool Dark Nearest: RAL 5005 Signal Blue

Color Harmonies

Complementary

#3D145B

#325B14

Analogous

#19145B

#5B1456

#3D145B

Triadic

#3D145B

#5B3D14

#145B3D

Split Complementary

#3D145B

#565B14

#145B19

Tetradic

#3D145B

#5B1914

#325B14

#14565B

Color Blindness Simulation

Original

#3D145B

Protanopia

#2B2B4A

Deuteranopia

#2E3146

Tritanopia

#3B3C39

Achromatopsia

#222222

CSS Usage

background-color: #3D145B;
color: #3D145B;
border-color: #3D145B;
Nearest Tailwind: Fuchsia 950 #4A044E

Tailwind Shades

50
#F8F3FC
100
#EFE3F7
200
#DFC4F2
300
#C89BE9
400
#AA64DD
500
#8C2ED1
600
#7025A7
700
#5A1D86
800
#461769
900
#35154C
950
#210D30

Contrast Checker

Text on white

14.49:1

AA Pass AAA Pass

Text on black

1.45:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026