#67026F

#67026F

Color Values

HEX

#67026F

RGB

103, 2, 111

HSL

295.6, 96.5%, 22.2%

HSV

295.6, 98.2%, 43.5%

CMYK

7.2%, 98.2%, 0.0%, 56.5%

OKLCH

0.3672 0.1703 324.5

Properties

Cool Dark Nearest: purple

Color Harmonies

Complementary

#67026F

#0A6F02

Analogous

#31026F

#6F0241

#67026F

Triadic

#67026F

#6F6702

#026F67

Split Complementary

#67026F

#416F02

#026F31

Tetradic

#67026F

#6F3102

#0A6F02

#02416F

Color Blindness Simulation

Original

#67026F

Protanopia

#3B3A55

Deuteranopia

#41494E

Tritanopia

#62403B

Achromatopsia

#1F1F1F

CSS Usage

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

Tailwind Shades

50
#FDF1FE
100
#FADFFC
200
#F9B9FE
300
#F487FD
400
#EE46FC
500
#E804FB
600
#BA04C8
700
#9503A0
800
#74027D
900
#54065B
950
#350439

Contrast Checker

Text on white

11.57:1

AA Pass AAA Pass

Text on black

1.81:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026