#ACAFD7

#ACAFD7

Color Values

HEX

#ACAFD7

RGB

172, 175, 215

HSL

235.8, 35.0%, 75.9%

HSV

235.8, 20.0%, 84.3%

CMYK

20.0%, 18.6%, 0.0%, 15.7%

OKLCH

0.7652 0.0572 281.6

Properties

Cool Light Nearest: NCS S 0520-R80B Light Lavender

Color Harmonies

Complementary

#ACAFD7

#D7D4AC

Analogous

#ACC5D7

#BFACD7

#ACAFD7

Triadic

#ACAFD7

#D7ACAF

#AFD7AC

Split Complementary

#ACAFD7

#D7BFAC

#C5D7AC

Tetradic

#ACAFD7

#D7ACC5

#D7D4AC

#ACD7BF

Color Blindness Simulation

Original

#ACAFD7

Protanopia

#ADADCD

Deuteranopia

#ADADCB

Tritanopia

#ACC6C4

Achromatopsia

#B1B1B1

CSS Usage

background-color: #ACAFD7;
color: #ACAFD7;
border-color: #ACAFD7;
Nearest Tailwind: Indigo 200 #C7D2FE

Tailwind Shades

50
#F5F5FA
100
#E8E9F2
200
#CFD1E8
300
#ACAFD7
400
#8084C2
500
#5359AC
600
#42478A
700
#35396E
800
#292D56
900
#212340
950
#151628

Contrast Checker

Text on white

2.13:1

AA Fail AAA Fail

Text on black

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