#4F188B

#4F188B

Color Values

HEX

#4F188B

RGB

79, 24, 139

HSL

268.7, 70.6%, 32.0%

HSV

268.7, 82.7%, 54.5%

CMYK

43.2%, 82.7%, 0.0%, 45.5%

OKLCH

0.3688 0.1725 299.0

Properties

Cool Dark Nearest: purple 4

Color Harmonies

Complementary

#4F188B

#548B18

Analogous

#181A8B

#89188B

#4F188B

Triadic

#4F188B

#8B4F18

#188B4F

Split Complementary

#4F188B

#8B8918

#1A8B18

Tetradic

#4F188B

#8B181A

#548B18

#188B89

Color Blindness Simulation

Original

#4F188B

Protanopia

#37376F

Deuteranopia

#3A3E68

Tritanopia

#4C5954

Achromatopsia

#2C2C2C

CSS Usage

background-color: #4F188B;
color: #4F188B;
border-color: #4F188B;
Nearest Tailwind: Violet 900 #4C1D95

Tailwind Shades

50
#F7F3FC
100
#EDE2F8
200
#DAC2F5
300
#C097ED
400
#9E5EE3
500
#7C25DA
600
#631EAE
700
#4F188B
800
#3E136D
900
#2F124F
950
#1E0B32

Contrast Checker

Text on white

11.44:1

AA Pass AAA Pass

Text on black

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