#682095

#682095

Color Values

HEX

#682095

RGB

104, 32, 149

HSL

276.9, 64.6%, 35.5%

HSV

276.9, 78.5%, 58.4%

CMYK

30.2%, 78.5%, 0.0%, 41.6%

OKLCH

0.4177 0.18 308.3

Properties

Cool Dark Nearest: purple 4

Color Harmonies

Complementary

#682095

#4D9520

Analogous

#2D2095

#952088

#682095

Triadic

#682095

#956820

#209568

Split Complementary

#682095

#889520

#20952D

Tetradic

#682095

#952D20

#4D9520

#208895

Color Blindness Simulation

Original

#682095

Protanopia

#494879

Deuteranopia

#4D5272

Tritanopia

#64625D

Achromatopsia

#383838

CSS Usage

background-color: #682095;
color: #682095;
border-color: #682095;
Nearest Tailwind: Purple 900 #581C87

Tailwind Shades

50
#F8F3FC
100
#EFE3F7
200
#E1C4F2
300
#CB9AE9
400
#AF64DE
500
#922DD2
600
#7524A8
700
#5E1D86
800
#491769
900
#37144D
950
#230D30

Contrast Checker

Text on white

9.42:1

AA Pass AAA Pass

Text on black

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