#4F2249

#4F2249

Color Values

HEX

#4F2249

RGB

79, 34, 73

HSL

308,0, 39,8%, 22,2%

HSV

308,0, 57,0%, 31,0%

CMYK

0,0%, 57,0%, 7,6%, 69,0%

OKLCH

0,3315 0,0875 332,6

Properties

Warm Dark Nearest: darkslateblue

Color Harmonies

Complementary

#4F2249

#224F28

Analogous

#3F224F

#4F2233

#4F2249

Triadic

#4F2249

#494F22

#22494F

Split Complementary

#4F2249

#334F22

#224F3F

Tetradic

#4F2249

#4F3F22

#224F28

#22334F

Color Blindness Simulation

Original

#4F2249

Protanopia

#3C3B40

Deuteranopia

#3E423D

Tritanopia

#4D3836

Achromatopsia

#2E2E2E

CSS Usage

background-color: #4F2249;
color: #4F2249;
border-color: #4F2249;
Nearest Tailwind: Fuchsia 950 #4A044E

Tailwind Shades

50
#FAF5F9
100
#F3E7F2
200
#EACDE6
300
#DAA9D4
400
#C67BBC
500
#B24DA5
600
#8F3D84
700
#723169
800
#592652
900
#421F3D
950
#2A1427

Contrast Checker

Text on white

12,67:1

AA Pass AAA Pass

Text on black

1,66:1

AA Fail AAA Fail

Related Articles

Design Trends

Color in Onboarding Flows: First Impressions and Guidance

Fev 20, 2026
Design Trends

Color in Navigation Design: Active States and Wayfinding

Fev 20, 2026
Design Trends

Color in Mobile App Design: Platform Guidelines

Fev 20, 2026