#690863

#690863

Color Values

HEX

#690863

RGB

105, 8, 99

HSL

303.7, 85.8%, 22.2%

HSV

303.7, 92.4%, 41.2%

CMYK

0.0%, 92.4%, 5.7%, 58.8%

OKLCH

0.3654 0.1581 331.3

Properties

Warm Dark Nearest: mediumorchid 4

Color Harmonies

Complementary

#690863

#08690E

Analogous

#3F0869

#690833

#690863

Triadic

#690863

#636908

#086369

Split Complementary

#690863

#336908

#08693F

Tetradic

#690863

#693F08

#08690E

#083369

Color Blindness Simulation

Original

#690863

Protanopia

#3F3E4D

Deuteranopia

#454C48

Tritanopia

#643C38

Achromatopsia

#232323

CSS Usage

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

Tailwind Shades

50
#FDF2FC
100
#FAE0F9
200
#FABDF6
300
#F68DF0
400
#F250E8
500
#ED12DF
600
#BE0EB3
700
#980C8F
800
#760970
900
#560B51
950
#360733

Contrast Checker

Text on white

11.57:1

AA Pass AAA Pass

Text on black

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