#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

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026