#A7ACF7

#A7ACF7

Color Values

HEX

#A7ACF7

RGB

167, 172, 247

HSL

236.2, 83.3%, 81.2%

HSV

236.2, 32.4%, 96.9%

CMYK

32.4%, 30.4%, 0.0%, 3.1%

OKLCH

0.7688 0.1071 280.6

Properties

Cool Light Nearest: Blue Bell

Color Harmonies

Complementary

#A7ACF7

#F7F2A7

Analogous

#A7D4F7

#CAA7F7

#A7ACF7

Triadic

#A7ACF7

#F7A7AC

#ACF7A7

Split Complementary

#A7ACF7

#F7CAA7

#D4F7A7

Tetradic

#A7ACF7

#F7A7D4

#F7F2A7

#A7F7CA

Color Blindness Simulation

Original

#A7ACF7

Protanopia

#A9A9E5

Deuteranopia

#A9A8E0

Tritanopia

#A7D7D3

Achromatopsia

#B0B0B0

CSS Usage

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

Tailwind Shades

50
#F2F3FD
100
#E1E2FA
200
#BEC1F9
300
#8F95F5
400
#525CEF
500
#1523EA
600
#111CBB
700
#0E1696
800
#0B1175
900
#0C1155
950
#080B36

Contrast Checker

Text on white

2.12:1

AA Fail AAA Fail

Text on black

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