#682FAE

#682FAE

Color Values

HEX

#682FAE

RGB

104, 47, 174

HSL

266.9, 57.5%, 43.3%

HSV

266.9, 73.0%, 68.2%

CMYK

40.2%, 73.0%, 0.0%, 31.8%

OKLCH

0.4541 0.1893 299.1

Properties

Cool Dark Nearest: Purple Heart

Color Harmonies

Complementary

#682FAE

#75AE2F

Analogous

#2F35AE

#A72FAE

#682FAE

Triadic

#682FAE

#AE682F

#2FAE68

Split Complementary

#682FAE

#AEA72F

#35AE2F

Tetradic

#682FAE

#AE2F35

#75AE2F

#2FAEA7

Color Blindness Simulation

Original

#682FAE

Protanopia

#4F4F8F

Deuteranopia

#535788

Tritanopia

#657772

Achromatopsia

#444444

CSS Usage

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

Tailwind Shades

50
#F7F4FB
100
#ECE4F6
200
#D9C7F0
300
#BE9FE5
400
#9B6AD7
500
#7836C9
600
#602BA1
700
#4D2381
800
#3C1B64
900
#2E174A
950
#1D0F2E

Contrast Checker

Text on white

8.06:1

AA Pass AAA Pass

Text on black

2.61:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026