#ACAFE7

#ACAFE7

Color Values

HEX

#ACAFE7

RGB

172, 175, 231

HSL

236.9, 55.1%, 79.0%

HSV

236.9, 25.5%, 90.6%

CMYK

25.5%, 24.2%, 0.0%, 9.4%

OKLCH

0.7715 0.0799 282.0

Properties

Cool Light Nearest: Blue Bell

Color Harmonies

Complementary

#ACAFE7

#E7E4AC

Analogous

#ACCCE7

#C6ACE7

#ACAFE7

Triadic

#ACAFE7

#E7ACAF

#AFE7AC

Split Complementary

#ACAFE7

#E7C6AC

#CCE7AC

Tetradic

#ACAFE7

#E7ACCC

#E7E4AC

#ACE7C6

Color Blindness Simulation

Original

#ACAFE7

Protanopia

#ADADD9

Deuteranopia

#ADADD6

Tritanopia

#ACCFCC

Achromatopsia

#B2B2B2

CSS Usage

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

Tailwind Shades

50
#F4F4FB
100
#E5E6F6
200
#C8CAEF
300
#A0A4E4
400
#6D72D5
500
#3941C6
600
#2E349E
700
#25297F
800
#1D2063
900
#181B48
950
#0F112E

Contrast Checker

Text on white

2.09:1

AA Fail AAA Fail

Text on black

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