#ACDAFC

#ACDAFC

Color Values

HEX

#ACDAFC

RGB

172, 218, 252

HSL

205.5, 93.0%, 83.1%

HSV

205.5, 31.7%, 98.8%

CMYK

31.7%, 13.5%, 0.0%, 1.2%

OKLCH

0.8674 0.0674 240.5

Properties

Cool Light Nearest: lightskyblue 1

Color Harmonies

Complementary

#ACDAFC

#FCCEAC

Analogous

#ACFCF6

#ACB2FC

#ACDAFC

Triadic

#ACDAFC

#FCACDA

#DAFCAC

Split Complementary

#ACDAFC

#FCACB2

#FCF6AC

Tetradic

#ACDAFC

#F6ACFC

#FCCEAC

#B2FCAC

Color Blindness Simulation

Original

#ACDAFC

Protanopia

#C0C0F4

Deuteranopia

#BDBAF2

Tritanopia

#AEEDEC

Achromatopsia

#D3D3D3

CSS Usage

background-color: #ACDAFC;
color: #ACDAFC;
border-color: #ACDAFC;
Nearest Tailwind: Blue 200 #BFDBFE

Tailwind Shades

50
#F1F8FD
100
#DFEFFB
200
#BAE0FD
300
#89CAFB
400
#49AEF8
500
#0991F6
600
#0774C5
700
#065D9D
800
#04497B
900
#083759
950
#052238

Contrast Checker

Text on white

1.48:1

AA Fail AAA Fail

Text on black

14.19:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026