#67006F

#67006F

Color Values

HEX

#67006F

RGB

103, 0, 111

HSL

295,7, 100,0%, 21,8%

HSV

295,7, 100,0%, 43,5%

CMYK

7,2%, 100,0%, 0,0%, 56,5%

OKLCH

0,3662 0,1716 324,6

Properties

Cool Dark Nearest: purple

Color Harmonies

Complementary

#67006F

#086F00

Analogous

#30006F

#6F0040

#67006F

Triadic

#67006F

#6F6700

#006F67

Split Complementary

#67006F

#406F00

#006F30

Tetradic

#67006F

#6F3000

#086F00

#00406F

Color Blindness Simulation

Original

#67006F

Protanopia

#3A3A54

Deuteranopia

#40484E

Tritanopia

#623F3A

Achromatopsia

#1E1E1E

CSS Usage

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

Tailwind Shades

50
#FDF1FE
100
#FADEFC
200
#FAB8FF
300
#F685FF
400
#F142FF
500
#ED00FF
600
#BD00CC
700
#9800A3
800
#760080
900
#56055C
950
#36033A

Contrast Checker

Text on white

11,63: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