#670073

#670073

Color Values

HEX

#670073

RGB

103, 0, 115

HSL

293.7, 100.0%, 22.5%

HSV

293.7, 100.0%, 45.1%

CMYK

10.4%, 100.0%, 0.0%, 54.9%

OKLCH

0.3692 0.1746 322.8

Properties

Cool Dark Nearest: purple

Color Harmonies

Complementary

#670073

#0C7300

Analogous

#2D0073

#730045

#670073

Triadic

#670073

#736700

#007367

Split Complementary

#670073

#457300

#00732D

Tetradic

#670073

#732D00

#0C7300

#004573

Color Blindness Simulation

Original

#670073

Protanopia

#3A3A57

Deuteranopia

#404850

Tritanopia

#62413C

Achromatopsia

#1E1E1E

CSS Usage

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

Tailwind Shades

50
#FCF1FE
100
#F9DEFC
200
#F8B8FF
300
#F285FF
400
#EB42FF
500
#E400FF
600
#B700CC
700
#9200A3
800
#720080
900
#53055C
950
#34033A

Contrast Checker

Text on white

11.51:1

AA Pass AAA Pass

Text on black

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