#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

2月 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

2月 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

2月 19, 2026