#3D145C

#3D145C

Color Values

HEX

#3D145C

RGB

61, 20, 92

HSL

274.2, 64.3%, 22.0%

HSV

274.2, 78.3%, 36.1%

CMYK

33.7%, 78.3%, 0.0%, 63.9%

OKLCH

0.2981 0.1221 306.2

Properties

Cool Dark Nearest: midnightblue

Color Harmonies

Complementary

#3D145C

#335C14

Analogous

#19145C

#5C1457

#3D145C

Triadic

#3D145C

#5C3D14

#145C3D

Split Complementary

#3D145C

#575C14

#145C19

Tetradic

#3D145C

#5C1914

#335C14

#14575C

Color Blindness Simulation

Original

#3D145C

Protanopia

#2B2B4B

Deuteranopia

#2E3146

Tritanopia

#3B3D3A

Achromatopsia

#222222

CSS Usage

background-color: #3D145C;
color: #3D145C;
border-color: #3D145C;
Nearest Tailwind: Violet 950 #2E1065

Tailwind Shades

50
#F8F3FC
100
#EFE3F7
200
#DFC4F2
300
#C79AE9
400
#A964DD
500
#8B2ED1
600
#6F24A8
700
#591D86
800
#451769
900
#34144C
950
#210D30

Contrast Checker

Text on white

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