#672282

#672282

Color Values

HEX

#672282

RGB

103, 34, 130

HSL

283.1, 58.5%, 32.2%

HSV

283.1, 73.8%, 51.0%

CMYK

20.8%, 73.8%, 0.0%, 49.0%

OKLCH

0.4037 0.1587 314.6

Properties

Cool Dark Nearest: darkorchid 4

Color Harmonies

Complementary

#672282

#3D8222

Analogous

#372282

#82226D

#672282

Triadic

#672282

#826722

#228267

Split Complementary

#672282

#6D8222

#228237

Tetradic

#672282

#823722

#3D8222

#226D82

Color Blindness Simulation

Original

#672282

Protanopia

#49496B

Deuteranopia

#4D5265

Tritanopia

#645854

Achromatopsia

#383838

CSS Usage

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

Tailwind Shades

50
#F9F4FB
100
#F1E4F6
200
#E4C6F0
300
#D19EE6
400
#B969D8
500
#A035CA
600
#802AA2
700
#662281
800
#501A65
900
#3C174A
950
#260E2F

Contrast Checker

Text on white

9.87:1

AA Pass AAA Pass

Text on black

2.13:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026