#4F336D

#4F336D

Color Values

HEX

#4F336D

RGB

79, 51, 109

HSL

269.0, 36.2%, 31.4%

HSV

269.0, 53.2%, 42.7%

CMYK

27.5%, 53.2%, 0.0%, 57.3%

OKLCH

0.3822 0.0992 304.4

Properties

Cool Dark Nearest: mediumpurple 4

Color Harmonies

Complementary

#4F336D

#516D33

Analogous

#33346D

#6C336D

#4F336D

Triadic

#4F336D

#6D4F33

#336D4F

Split Complementary

#4F336D

#6D6C33

#346D33

Tetradic

#4F336D

#6D3334

#516D33

#336D6C

Color Blindness Simulation

Original

#4F336D

Protanopia

#43435F

Deuteranopia

#44475C

Tritanopia

#4E5451

Achromatopsia

#3D3D3D

CSS Usage

background-color: #4F336D;
color: #4F336D;
border-color: #4F336D;
Nearest Tailwind: Indigo 950 #1E1B4B

Tailwind Shades

50
#F7F5FA
100
#EDE8F3
200
#DBCEE8
300
#C1ACD8
400
#A07EC3
500
#7E51AE
600
#65418B
700
#51346F
800
#3F2957
900
#302140
950
#1E1529

Contrast Checker

Text on white

10.36:1

AA Pass AAA Pass

Text on black

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