#ACDAFB

#ACDAFB

Color Values

HEX

#ACDAFB

RGB

172, 218, 251

HSL

205,1, 90,8%, 82,9%

HSV

205,1, 31,5%, 98,4%

CMYK

31,5%, 13,1%, 0,0%, 1,6%

OKLCH

0,8671 0,0664 239,7

Properties

Cool Light Nearest: lightskyblue 1

Color Harmonies

Complementary

#ACDAFB

#FBCDAC

Analogous

#ACFBF5

#ACB2FB

#ACDAFB

Triadic

#ACDAFB

#FBACDA

#DAFBAC

Split Complementary

#ACDAFB

#FBACB2

#FBF5AC

Tetradic

#ACDAFB

#F5ACFB

#FBCDAC

#B2FBAC

Color Blindness Simulation

Original

#ACDAFB

Protanopia

#C0C0F3

Deuteranopia

#BDBAF1

Tritanopia

#AEEDEB

Achromatopsia

#D3D3D3

CSS Usage

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

Tailwind Shades

50
#F1F8FD
100
#DFEFFB
200
#BBE1FC
300
#8ACBF9
400
#4BAFF6
500
#0C92F3
600
#0975C3
700
#085E9C
800
#06497A
900
#093758
950
#062338

Contrast Checker

Text on white

1,48:1

AA Fail AAA Fail

Text on black

14,18: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