#682FD0

#682FD0

Color Values

HEX

#682FD0

RGB

104, 47, 208

HSL

261,2, 63,1%, 50,0%

HSV

261,2, 77,4%, 81,6%

CMYK

50,0%, 77,4%, 0,0%, 18,4%

OKLCH

0,4837 0,226 291,7

Properties

Cool Dark Nearest: purple 3

Color Harmonies

Complementary

#682FD0

#97D02F

Analogous

#2F47D0

#B82FD0

#682FD0

Triadic

#682FD0

#D0682F

#2FD068

Split Complementary

#682FD0

#D0B82F

#47D02F

Tetradic

#682FD0

#D02F47

#97D02F

#2FD0B8

Color Blindness Simulation

Original

#682FD0

Protanopia

#4F4FA9

Deuteranopia

#5357A0

Tritanopia

#658A84

Achromatopsia

#474747

CSS Usage

background-color: #682FD0;
color: #682FD0;
border-color: #682FD0;
Nearest Tailwind: Violet 700 #6D28D9

Tailwind Shades

50
#F6F3FB
100
#EAE4F7
200
#D5C5F2
300
#B69BE8
400
#8F65DC
500
#682FD0
600
#5326A6
700
#421E85
800
#341868
900
#28154C
950
#1A0D30

Contrast Checker

Text on white

7,23:1

AA Pass AAA Pass

Text on black

2,91:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026