#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

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026