#670068

#670068

Color Values

HEX

#670068

RGB

103, 0, 104

HSL

299.4, 100.0%, 20.4%

HSV

299.4, 100.0%, 40.8%

CMYK

1.0%, 100.0%, 0.0%, 59.2%

OKLCH

0.3612 0.1664 327.9

Properties

Cool Dark Nearest: purple

Color Harmonies

Complementary

#670068

#016800

Analogous

#330068

#680035

#670068

Triadic

#670068

#686700

#006867

Split Complementary

#670068

#356800

#006833

Tetradic

#670068

#683300

#016800

#003568

Color Blindness Simulation

Original

#670068

Protanopia

#3A3A4F

Deuteranopia

#404849

Tritanopia

#623B37

Achromatopsia

#1D1D1D

CSS Usage

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

Tailwind Shades

50
#FEF1FE
100
#FCDEFC
200
#FEB8FF
300
#FE85FF
400
#FD42FF
500
#FC00FF
600
#CA00CC
700
#A200A3
800
#7E0080
900
#5B055C
950
#3A033A

Contrast Checker

Text on white

11.82:1

AA Pass AAA Pass

Text on black

1.78:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026