#4F2176

#4F2176

Color Values

HEX

#4F2176

RGB

79, 33, 118

HSL

272.5, 56.3%, 29.6%

HSV

272.5, 72.0%, 46.3%

CMYK

33.1%, 72.0%, 0.0%, 53.7%

OKLCH

0.3605 0.1393 305.2

Properties

Cool Dark Nearest: darkorchid 4

Color Harmonies

Complementary

#4F2176

#487621

Analogous

#252176

#762172

#4F2176

Triadic

#4F2176

#764F21

#21764F

Split Complementary

#4F2176

#727621

#217625

Tetradic

#4F2176

#762521

#487621

#217276

Color Blindness Simulation

Original

#4F2176

Protanopia

#3B3B61

Deuteranopia

#3E415C

Tritanopia

#4D514E

Achromatopsia

#313131

CSS Usage

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

Tailwind Shades

50
#F8F4FB
100
#EEE5F6
200
#DDC7EF
300
#C59FE4
400
#A56CD6
500
#8538C7
600
#6B2D9F
700
#552480
800
#431C64
900
#321849
950
#200F2E

Contrast Checker

Text on white

11.59:1

AA Pass AAA Pass

Text on black

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