#692AAE

#692AAE

Color Values

HEX

#692AAE

RGB

105, 42, 174

HSL

268.6, 61.1%, 42.4%

HSV

268.6, 75.9%, 68.2%

CMYK

39.7%, 75.9%, 0.0%, 31.8%

OKLCH

0.4496 0.195 300.2

Properties

Cool Dark Nearest: Purple Heart

Color Harmonies

Complementary

#692AAE

#6FAE2A

Analogous

#2A2DAE

#AB2AAE

#692AAE

Triadic

#692AAE

#AE692A

#2AAE69

Split Complementary

#692AAE

#AEAB2A

#2DAE2A

Tetradic

#692AAE

#AE2A2D

#6FAE2A

#2AAEAB

Color Blindness Simulation

Original

#692AAE

Protanopia

#4E4D8E

Deuteranopia

#515686

Tritanopia

#66756F

Achromatopsia

#414141

CSS Usage

background-color: #692AAE;
color: #692AAE;
border-color: #692AAE;
Nearest Tailwind: Purple 800 #6B21A8

Tailwind Shades

50
#F7F3FB
100
#EDE4F6
200
#DAC5F1
300
#C09CE7
400
#9E67DA
500
#7C32CD
600
#6328A4
700
#4F2083
800
#3E1967
900
#2F164B
950
#1E0E2F

Contrast Checker

Text on white

8.26:1

AA Pass AAA Pass

Text on black

2.54:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026