#A7ACF3

#A7ACF3

Color Values

HEX

#A7ACF3

RGB

167, 172, 243

HSL

236.1, 76.0%, 80.4%

HSV

236.1, 31.3%, 95.3%

CMYK

31.3%, 29.2%, 0.0%, 4.7%

OKLCH

0.767 0.1015 280.6

Properties

Cool Light Nearest: Blue Bell

Color Harmonies

Complementary

#A7ACF3

#F3EEA7

Analogous

#A7D2F3

#C8A7F3

#A7ACF3

Triadic

#A7ACF3

#F3A7AC

#ACF3A7

Split Complementary

#A7ACF3

#F3C8A7

#D2F3A7

Tetradic

#A7ACF3

#F3A7D2

#F3EEA7

#A7F3C8

Color Blindness Simulation

Original

#A7ACF3

Protanopia

#A9A9E2

Deuteranopia

#A9A8DE

Tritanopia

#A7D4D1

Achromatopsia

#B0B0B0

CSS Usage

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

Tailwind Shades

50
#F2F3FC
100
#E2E3F9
200
#C0C4F6
300
#9399F0
400
#5962E8
500
#1F2BE0
600
#1823B4
700
#141C90
800
#0F1670
900
#0F1452
950
#0A0C34

Contrast Checker

Text on white

2.13:1

AA Fail AAA Fail

Text on black

9.84:1

AA Pass AAA Pass

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