#682CAF

#682CAF

Color Values

HEX

#682CAF

RGB

104, 44, 175

HSL

267.5, 59.8%, 42.9%

HSV

267.5, 74.9%, 68.6%

CMYK

40.6%, 74.9%, 0.0%, 31.4%

OKLCH

0.4515 0.1938 299.2

Properties

Cool Dark Nearest: Purple Heart

Color Harmonies

Complementary

#682CAF

#73AF2C

Analogous

#2C31AF

#A92CAF

#682CAF

Triadic

#682CAF

#AF682C

#2CAF68

Split Complementary

#682CAF

#AFA92C

#31AF2C

Tetradic

#682CAF

#AF2C31

#73AF2C

#2CAFA9

Color Blindness Simulation

Original

#682CAF

Protanopia

#4E4D8F

Deuteranopia

#525688

Tritanopia

#657671

Achromatopsia

#424242

CSS Usage

background-color: #682CAF;
color: #682CAF;
border-color: #682CAF;
Nearest Tailwind: Purple 800 #6B21A8

Tailwind Shades

50
#F7F3FB
100
#ECE4F6
200
#DAC6F1
300
#BF9DE6
400
#9C68D9
500
#7933CC
600
#6129A3
700
#4E2182
800
#3D1A66
900
#2E164B
950
#1D0E2F

Contrast Checker

Text on white

8.18:1

AA Pass AAA Pass

Text on black

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