#690CC0

#690CC0

Color Values

HEX

#690CC0

RGB

105, 12, 192

HSL

271.0, 88.2%, 40.0%

HSV

271.0, 93.7%, 75.3%

CMYK

45.3%, 93.7%, 0.0%, 24.7%

OKLCH

0.4449 0.2336 297.9

Properties

Cool Dark Nearest: purple 3

Color Harmonies

Complementary

#690CC0

#63C00C

Analogous

#0F0CC0

#C00CBD

#690CC0

Triadic

#690CC0

#C0690C

#0CC069

Split Complementary

#690CC0

#BDC00C

#0CC00F

Tetradic

#690CC0

#C00F0C

#63C00C

#0CBDC0

Color Blindness Simulation

Original

#690CC0

Protanopia

#414094

Deuteranopia

#464D8A

Tritanopia

#64726B

Achromatopsia

#2D2D2D

CSS Usage

background-color: #690CC0;
color: #690CC0;
border-color: #690CC0;
Nearest Tailwind: Purple 700 #7E22CE

Tailwind Shades

50
#F8F2FD
100
#EEE0FB
200
#DCBCFB
300
#C48CF8
400
#A34DF4
500
#830FF0
600
#690CC0
700
#540A9A
800
#420878
900
#320A57
950
#1F0637

Contrast Checker

Text on white

8.7:1

AA Pass AAA Pass

Text on black

2.41:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026