#9689C0

#9689C0

Color Values

HEX

#9689C0

RGB

150, 137, 192

HSL

254.2, 30.4%, 64.5%

HSV

254.2, 28.6%, 75.3%

CMYK

21.9%, 28.6%, 0.0%, 24.7%

OKLCH

0.662 0.0816 294.9

Properties

Cool Light Nearest: RAL 4011 Pearl Violet

Color Harmonies

Complementary

#9689C0

#B3C089

Analogous

#8997C0

#B289C0

#9689C0

Triadic

#9689C0

#C09689

#89C096

Split Complementary

#9689C0

#C0B289

#97C089

Tetradic

#9689C0

#C08997

#B3C089

#89C0B2

Color Blindness Simulation

Original

#9689C0

Protanopia

#9090B3

Deuteranopia

#9192AF

Tritanopia

#95A8A6

Achromatopsia

#909090

CSS Usage

background-color: #9689C0;
color: #9689C0;
border-color: #9689C0;
Nearest Tailwind: Indigo 300 #A5B4FC

Tailwind Shades

50
#F6F5F9
100
#EBE9F2
200
#D6D0E6
300
#B8AFD4
400
#9284BD
500
#6B59A6
600
#564785
700
#45396A
800
#362C53
900
#29233E
950
#1A1627

Contrast Checker

Text on white

3.16:1

AA Fail AAA Fail

Text on black

6.64:1

AA Pass 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