#690977

#690977

Color Values

HEX

#690977

RGB

105, 9, 119

HSL

292.4, 85.9%, 25.1%

HSV

292.4, 92.4%, 46.7%

CMYK

11.8%, 92.4%, 0.0%, 53.3%

OKLCH

0.3798 0.1729 321.8

Properties

Cool Dark Nearest: darkorchid 4

Color Harmonies

Complementary

#690977

#177709

Analogous

#320977

#77094E

#690977

Triadic

#690977

#776909

#097769

Split Complementary

#690977

#4E7709

#097732

Tetradic

#690977

#773209

#177709

#094E77

Color Blindness Simulation

Original

#690977

Protanopia

#3F3F5C

Deuteranopia

#454C56

Tritanopia

#644743

Achromatopsia

#252525

CSS Usage

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

Tailwind Shades

50
#FCF2FD
100
#F7E0FA
200
#F2BDFA
300
#E98DF6
400
#DD50F2
500
#D112ED
600
#A70EBE
700
#860C98
800
#690977
900
#4C0B56
950
#300736

Contrast Checker

Text on white

11.02:1

AA Pass AAA Pass

Text on black

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