#610167

#610167

Color Values

HEX

#610167

RGB

97, 1, 103

HSL

296.5, 98.1%, 20.4%

HSV

296.5, 99.0%, 40.4%

CMYK

5.8%, 99.0%, 0.0%, 59.6%

OKLCH

0.3505 0.1626 325.3

Properties

Cool Dark Nearest: purple

Color Harmonies

Complementary

#610167

#076701

Analogous

#2E0167

#67013A

#610167

Triadic

#610167

#676101

#016761

Split Complementary

#610167

#3A6701

#01672E

Tetradic

#610167

#672E01

#076701

#013A67

Color Blindness Simulation

Original

#610167

Protanopia

#37374E

Deuteranopia

#3D4448

Tritanopia

#5C3B37

Achromatopsia

#1D1D1D

CSS Usage

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

Tailwind Shades

50
#FDF1FE
100
#FADEFC
200
#FAB8FE
300
#F786FE
400
#F244FD
500
#EE02FD
600
#BE02CA
700
#9802A2
800
#77017E
900
#56065B
950
#36043A

Contrast Checker

Text on white

12.29:1

AA Pass AAA Pass

Text on black

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