#ACC4F7

#ACC4F7

Color Values

HEX

#ACC4F7

RGB

172, 196, 247

HSL

220.8, 82.4%, 82.2%

HSV

220.8, 30.4%, 96.9%

CMYK

30.4%, 20.6%, 0.0%, 3.1%

OKLCH

0.8202 0.0769 265.1

Properties

Cool Light Nearest: NCS S 0520-R80B Light Lavender

Color Harmonies

Complementary

#ACC4F7

#F7DFAC

Analogous

#ACEAF7

#BAACF7

#ACC4F7

Triadic

#ACC4F7

#F7ACC4

#C4F7AC

Split Complementary

#ACC4F7

#F7BAAC

#EAF7AC

Tetradic

#ACC4F7

#F7ACEA

#F7DFAC

#ACF7BA

Color Blindness Simulation

Original

#ACC4F7

Protanopia

#B6B7EB

Deuteranopia

#B5B3E8

Tritanopia

#ADE1DF

Achromatopsia

#C3C3C3

CSS Usage

background-color: #ACC4F7;
color: #ACC4F7;
border-color: #ACC4F7;
Nearest Tailwind: Blue 300 #93C5FD

Tailwind Shades

50
#F2F5FD
100
#E1E9FA
200
#BED1F9
300
#8FB0F4
400
#5385EE
500
#165AE9
600
#1248BA
700
#0E3995
800
#0B2D74
900
#0D2454
950
#081635

Contrast Checker

Text on white

1.75:1

AA Fail AAA Fail

Text on black

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