#682FFF

#682FFF

Color Values

HEX

#682FFF

RGB

104, 47, 255

HSL

256.4, 100.0%, 59.2%

HSV

256.4, 81.6%, 100.0%

CMYK

59.2%, 81.6%, 0.0%, 0.0%

OKLCH

0.5286 0.2749 284.4

Properties

Cool Dark Nearest: purple 1

Color Harmonies

Complementary

#682FFF

#C6FF2F

Analogous

#2F5EFF

#D02FFF

#682FFF

Triadic

#682FFF

#FF682F

#2FFF68

Split Complementary

#682FFF

#FFD02F

#5EFF2F

Tetradic

#682FFF

#FF2F5E

#C6FF2F

#2FFFD0

Color Blindness Simulation

Original

#682FFF

Protanopia

#4F4FCD

Deuteranopia

#5357C1

Tritanopia

#65A59C

Achromatopsia

#4A4A4A

CSS Usage

background-color: #682FFF;
color: #682FFF;
border-color: #682FFF;
Nearest Tailwind: Violet 600 #7C3AED

Tailwind Shades

50
#F4F1FE
100
#E6DEFC
200
#CBB8FF
300
#A685FF
400
#7642FF
500
#4600FF
600
#3800CC
700
#2D00A3
800
#230080
900
#1D055C
950
#12033A

Contrast Checker

Text on white

6.11:1

AA Pass AAA Fail

Text on black

3.44:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

2月 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

2月 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

2月 20, 2026