#A697B8

#A697B8

Color Values

HEX

#A697B8

RGB

166, 151, 184

HSL

267.3, 18.9%, 65.7%

HSV

267.3, 17.9%, 72.2%

CMYK

9.8%, 17.9%, 0.0%, 27.8%

OKLCH

0.7004 0.0503 305.7

Properties

Cool Light Nearest: Blue Bell

Color Harmonies

Complementary

#A697B8

#A9B897

Analogous

#9798B8

#B797B8

#A697B8

Triadic

#A697B8

#B8A697

#97B8A6

Split Complementary

#A697B8

#B8B797

#98B897

Tetradic

#A697B8

#B89798

#A9B897

#97B8B7

Color Blindness Simulation

Original

#A697B8

Protanopia

#A09FB0

Deuteranopia

#A0A2AE

Tritanopia

#A5AAA8

Achromatopsia

#9D9D9D

CSS Usage

background-color: #A697B8;
color: #A697B8;
border-color: #A697B8;
Nearest Tailwind: Slate 400 #94A3B8

Tailwind Shades

50
#F7F6F9
100
#EDEAF0
200
#DBD5E2
300
#C1B6CD
400
#9F8FB2
500
#7D6798
600
#645379
700
#504261
800
#3F344C
900
#302839
950
#1E1924

Contrast Checker

Text on white

2.71:1

AA Fail AAA Fail

Text on black

7.74:1

AA Pass AAA Pass

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