#A4D6DF

#A4D6DF

Color Values

HEX

#A4D6DF

RGB

164, 214, 223

HSL

189.2, 48.0%, 75.9%

HSV

189.2, 26.5%, 87.5%

CMYK

26.5%, 4.0%, 0.0%, 12.5%

OKLCH

0.8441 0.0532 209.8

Properties

Cool Light Nearest: NCS S 0520-B10G Ice Blue

Color Harmonies

Complementary

#A4D6DF

#DFADA4

Analogous

#A4DFCB

#A4B8DF

#A4D6DF

Triadic

#A4D6DF

#DFA4D6

#D6DFA4

Split Complementary

#A4D6DF

#DFA4B8

#DFCBA4

Tetradic

#A4D6DF

#CBA4DF

#DFADA4

#B8DFA4

Color Blindness Simulation

Original

#A4D6DF

Protanopia

#BABADD

Deuteranopia

#B7B3DC

Tritanopia

#A6DBDB

Achromatopsia

#CCCCCC

CSS Usage

background-color: #A4D6DF;
color: #A4D6DF;
border-color: #A4D6DF;
Nearest Tailwind: Sky 200 #BAE6FD

Tailwind Shades

50
#F4FAFA
100
#E6F2F4
200
#CAE7EC
300
#A4D6DF
400
#73C0CE
500
#42AABD
600
#358897
700
#2A6D79
800
#21555E
900
#1C3F45
950
#11282C

Contrast Checker

Text on white

1.58:1

AA Fail AAA Fail

Text on black

13.26:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

ก.พ. 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

ก.พ. 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

ก.พ. 20, 2026