#66226F

#66226F

Color Values

HEX

#66226F

RGB

102, 34, 111

HSL

293.0, 53.1%, 28.4%

HSV

293.0, 69.4%, 43.5%

CMYK

8.1%, 69.4%, 0.0%, 56.5%

OKLCH

0.3892 0.1397 322.8

Properties

Cool Dark Nearest: mediumorchid 4

Color Harmonies

Complementary

#66226F

#2B6F22

Analogous

#3F226F

#6F2251

#66226F

Triadic

#66226F

#6F6622

#226F66

Split Complementary

#66226F

#516F22

#226F3F

Tetradic

#66226F

#6F3F22

#2B6F22

#22516F

Color Blindness Simulation

Original

#66226F

Protanopia

#49485C

Deuteranopia

#4C5258

Tritanopia

#634E4A

Achromatopsia

#363636

CSS Usage

background-color: #66226F;
color: #66226F;
border-color: #66226F;
Nearest Tailwind: Fuchsia 900 #701A75

Tailwind Shades

50
#FAF4FB
100
#F3E5F5
200
#EAC8EE
300
#DBA1E2
400
#C76FD3
500
#B33CC3
600
#90309C
700
#73267D
800
#5A1E62
900
#421948
950
#2A102D

Contrast Checker

Text on white

10.38:1

AA Pass AAA Pass

Text on black

2.02:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026