#4F166A

#4F166A

Color Values

HEX

#4F166A

RGB

79, 22, 106

HSL

280.7, 65.6%, 25.1%

HSV

280.7, 79.2%, 41.6%

CMYK

25.5%, 79.2%, 0.0%, 58.4%

OKLCH

0.338 0.1404 312.1

Properties

Cool Dark Nearest: darkorchid 4

Color Harmonies

Complementary

#4F166A

#316A16

Analogous

#25166A

#6A165B

#4F166A

Triadic

#4F166A

#6A4F16

#166A4F

Split Complementary

#4F166A

#5B6A16

#166A25

Tetradic

#4F166A

#6A2516

#316A16

#165B6A

Color Blindness Simulation

Original

#4F166A

Protanopia

#363656

Deuteranopia

#3A3E51

Tritanopia

#4C4642

Achromatopsia

#282828

CSS Usage

background-color: #4F166A;
color: #4F166A;
border-color: #4F166A;
Nearest Tailwind: Purple 950 #3B0764

Tailwind Shades

50
#F9F3FC
100
#F1E3F7
200
#E4C4F3
300
#D09AEA
400
#B763DF
500
#9D2CD3
600
#7E23A9
700
#651C87
800
#4F166A
900
#3B144D
950
#250D31

Contrast Checker

Text on white

12.69:1

AA Pass AAA Pass

Text on black

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