#ACCCFF

#ACCCFF

Color Values

HEX

#ACCCFF

RGB

172, 204, 255

HSL

216,9, 100,0%, 83,7%

HSV

216,9, 32,5%, 100,0%

CMYK

32,5%, 20,0%, 0,0%, 0,0%

OKLCH

0,8396 0,0798 259,6

Properties

Cool Light Nearest: NCS S 0520-R80B Light Lavender

Color Harmonies

Complementary

#ACCCFF

#FFDFAC

Analogous

#ACF5FF

#B5ACFF

#ACCCFF

Triadic

#ACCCFF

#FFACCC

#CCFFAC

Split Complementary

#ACCCFF

#FFB5AC

#F5FFAC

Tetradic

#ACCCFF

#FFACF5

#FFDFAC

#ACFFB5

Color Blindness Simulation

Original

#ACCCFF

Protanopia

#BABAF3

Deuteranopia

#B8B6F0

Tritanopia

#AEE9E7

Achromatopsia

#C9C9C9

CSS Usage

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

Tailwind Shades

50
#F1F6FE
100
#DEEAFC
200
#B8D3FF
300
#85B4FF
400
#428BFF
500
#0062FF
600
#004FCC
700
#003FA3
800
#003180
900
#05265C
950
#03183A

Contrast Checker

Text on white

1,64:1

AA Fail AAA Fail

Text on black

12,84:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Fev 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Fev 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Fev 19, 2026