#694492

#694492

Color Values

HEX

#694492

RGB

105, 68, 146

HSL

268.5, 36.4%, 42.0%

HSV

268.5, 53.4%, 57.3%

CMYK

28.1%, 53.4%, 0.0%, 42.7%

OKLCH

0.4651 0.1262 303.8

Properties

Cool Dark Nearest: mediumpurple 4

Color Harmonies

Complementary

#694492

#6D9244

Analogous

#444692

#904492

#694492

Triadic

#694492

#926944

#449269

Split Complementary

#694492

#929044

#469244

Tetradic

#694492

#924446

#6D9244

#449290

Color Blindness Simulation

Original

#694492

Protanopia

#59597F

Deuteranopia

#5B5E7B

Tritanopia

#67706D

Achromatopsia

#515151

CSS Usage

background-color: #694492;
color: #694492;
border-color: #694492;
Nearest Tailwind: Indigo 900 #312E81

Tailwind Shades

50
#F7F5FA
100
#EDE8F3
200
#DBCEE8
300
#C1ACD8
400
#9F7EC3
500
#7D51AE
600
#64418B
700
#50346F
800
#3F2957
900
#302140
950
#1E1529

Contrast Checker

Text on white

7.39:1

AA Pass AAA Pass

Text on black

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