#4D3661

#4D3661

Color Values

HEX

#4D3661

RGB

77, 54, 97

HSL

272.1, 28.5%, 29.6%

HSV

272.1, 44.3%, 38.0%

CMYK

20.6%, 44.3%, 0.0%, 62.0%

OKLCH

0.3783 0.0761 307.8

Properties

Cool Dark Nearest: RAL 4005 Blue Lilac

Color Harmonies

Complementary

#4D3661

#4A6136

Analogous

#373661

#61365F

#4D3661

Triadic

#4D3661

#614D36

#36614D

Split Complementary

#4D3661

#5F6136

#366137

Tetradic

#4D3661

#613736

#4A6136

#365F61

Color Blindness Simulation

Original

#4D3661

Protanopia

#434357

Deuteranopia

#444654

Tritanopia

#4C4E4D

Achromatopsia

#3E3E3E

CSS Usage

background-color: #4D3661;
color: #4D3661;
border-color: #4D3661;
Nearest Tailwind: Blue 950 #172554

Tailwind Shades

50
#F7F5F9
100
#EDE9F1
200
#DCD1E5
300
#C3B0D3
400
#A386BC
500
#825BA4
600
#684983
700
#533A69
800
#412E52
900
#31243D
950
#1F1726

Contrast Checker

Text on white

10.42:1

AA Pass AAA Pass

Text on black

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