#670260

#670260

Color Values

HEX

#670260

RGB

103, 2, 96

HSL

304.2, 96.2%, 20.6%

HSV

304.2, 98.1%, 40.4%

CMYK

0.0%, 98.1%, 6.8%, 59.6%

OKLCH

0.3569 0.1592 331.9

Properties

Warm Dark Nearest: purple

Color Harmonies

Complementary

#670260

#026709

Analogous

#3C0267

#67022D

#670260

Triadic

#670260

#606702

#026067

Split Complementary

#670260

#2D6702

#02673C

Tetradic

#670260

#673C02

#026709

#022D67

Color Blindness Simulation

Original

#670260

Protanopia

#3B3A49

Deuteranopia

#414944

Tritanopia

#623733

Achromatopsia

#1E1E1E

CSS Usage

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

Tailwind Shades

50
#FEF1FD
100
#FCDFFA
200
#FEB9F9
300
#FD87F4
400
#FB46EF
500
#FA05E9
600
#C804BA
700
#A00395
800
#7D0274
900
#5A0755
950
#390435

Contrast Checker

Text on white

11.97:1

AA Pass AAA Pass

Text on black

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