#683066

#683066

Color Values

HEX

#683066

RGB

104, 48, 102

HSL

302,1, 36,8%, 29,8%

HSV

302,1, 53,8%, 40,8%

CMYK

0,0%, 53,8%, 1,9%, 59,2%

OKLCH

0,4057 0,1094 328,7

Properties

Warm Dark Nearest: RAL 4001 Red Lilac

Color Harmonies

Complementary

#683066

#306832

Analogous

#4E3068

#68304A

#683066

Triadic

#683066

#666830

#306668

Split Complementary

#683066

#4A6830

#30684E

Tetradic

#683066

#684E30

#306832

#304A68

Color Blindness Simulation

Original

#683066

Protanopia

#504F59

Deuteranopia

#535756

Tritanopia

#654F4C

Achromatopsia

#404040

CSS Usage

background-color: #683066;
color: #683066;
border-color: #683066;
Nearest Tailwind: Fuchsia 950 #4A044E

Tailwind Shades

50
#FAF5FA
100
#F3E8F2
200
#E8CEE8
300
#D8ABD7
400
#C37EC1
500
#AE51AB
600
#8C4089
700
#70346E
800
#572856
900
#40203F
950
#291428

Contrast Checker

Text on white

9,53:1

AA Pass AAA Pass

Text on black

2,2: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