#4B166E

#4B166E

Color Values

HEX

#4B166E

RGB

75, 22, 110

HSL

276.1, 66.7%, 25.9%

HSV

276.1, 80.0%, 43.1%

CMYK

31.8%, 80.0%, 0.0%, 56.9%

OKLCH

0.3356 0.1433 307.6

Properties

Cool Dark Nearest: darkorchid 4

Color Harmonies

Complementary

#4B166E

#396E16

Analogous

#1F166E

#6E1665

#4B166E

Triadic

#4B166E

#6E4B16

#166E4B

Split Complementary

#4B166E

#656E16

#166E1F

Tetradic

#4B166E

#6E1F16

#396E16

#16656E

Color Blindness Simulation

Original

#4B166E

Protanopia

#343459

Deuteranopia

#373B54

Tritanopia

#484844

Achromatopsia

#282828

CSS Usage

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

Tailwind Shades

50
#F8F3FC
100
#EFE3F7
200
#E0C3F3
300
#CA99EB
400
#AD62E0
500
#912AD5
600
#7422AA
700
#5D1B88
800
#48156A
900
#36134E
950
#220C31

Contrast Checker

Text on white

12.81:1

AA Pass AAA Pass

Text on black

1.64:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026