#690870

#690870

Color Values

HEX

#690870

RGB

105, 8, 112

HSL

296.0, 86.7%, 23.5%

HSV

296.0, 92.9%, 43.9%

CMYK

6.3%, 92.9%, 0.0%, 56.1%

OKLCH

0.3743 0.168 324.9

Properties

Cool Dark Nearest: purple

Color Harmonies

Complementary

#690870

#0F7008

Analogous

#350870

#700843

#690870

Triadic

#690870

#706908

#087069

Split Complementary

#690870

#437008

#087035

Tetradic

#690870

#703508

#0F7008

#084370

Color Blindness Simulation

Original

#690870

Protanopia

#3F3E57

Deuteranopia

#454C51

Tritanopia

#64433F

Achromatopsia

#242424

CSS Usage

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

Tailwind Shades

50
#FCF2FD
100
#F9E0FA
200
#F6BCFA
300
#F08DF7
400
#E84FF2
500
#DF11EE
600
#B30EBE
700
#8F0B98
800
#700877
900
#510B56
950
#330736

Contrast Checker

Text on white

11.23:1

AA Pass AAA Pass

Text on black

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