#690CD0

#690CD0

Color Values

HEX

#690CD0

RGB

105, 12, 208

HSL

268.5, 89.1%, 43.1%

HSV

268.5, 94.2%, 81.6%

CMYK

49.5%, 94.2%, 0.0%, 18.4%

OKLCH

0.4608 0.2479 294.3

Properties

Cool Dark Nearest: blueviolet

Color Harmonies

Complementary

#690CD0

#73D00C

Analogous

#0C11D0

#CB0CD0

#690CD0

Triadic

#690CD0

#D0690C

#0CD069

Split Complementary

#690CD0

#D0CB0C

#11D00C

Tetradic

#690CD0

#D00C11

#73D00C

#0CD0CB

Color Blindness Simulation

Original

#690CD0

Protanopia

#4140A1

Deuteranopia

#464D95

Tritanopia

#647B73

Achromatopsia

#2E2E2E

CSS Usage

background-color: #690CD0;
color: #690CD0;
border-color: #690CD0;
Nearest Tailwind: Violet 700 #6D28D9

Tailwind Shades

50
#F7F2FD
100
#ECE0FB
200
#DABBFB
300
#BF8BF8
400
#9C4DF5
500
#7A0EF1
600
#610BC1
700
#4E099A
800
#3D0779
900
#2F0A57
950
#1D0637

Contrast Checker

Text on white

8.19:1

AA Pass AAA Pass

Text on black

2.56:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

ก.พ. 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

ม.ค. 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

ม.ค. 21, 2026