#690466

#690466

Color Values

HEX

#690466

RGB

105, 4, 102

HSL

301.8, 92.7%, 21.4%

HSV

301.8, 96.2%, 41.2%

CMYK

0.0%, 96.2%, 2.9%, 58.8%

OKLCH

0.3654 0.163 329.8

Properties

Warm Dark Nearest: purple

Color Harmonies

Complementary

#690466

#046907

Analogous

#3A0469

#690434

#690466

Triadic

#690466

#666904

#046669

Split Complementary

#690466

#346904

#04693A

Tetradic

#690466

#693A04

#046907

#043469

Color Blindness Simulation

Original

#690466

Protanopia

#3D3C4E

Deuteranopia

#434B49

Tritanopia

#643C37

Achromatopsia

#212121

CSS Usage

background-color: #690466;
color: #690466;
border-color: #690466;
Nearest Tailwind: Fuchsia 900 #701A75

Tailwind Shades

50
#FDF1FD
100
#FBDFFA
200
#FCBAFA
300
#FB89F7
400
#F849F3
500
#F609EF
600
#C507BF
700
#9D0699
800
#7B0577
900
#590856
950
#380537

Contrast Checker

Text on white

11.6:1

AA Pass AAA Pass

Text on black

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