#A4D7DF

#A4D7DF

Color Values

HEX

#A4D7DF

RGB

164, 215, 223

HSL

188.1, 48.0%, 75.9%

HSV

188.1, 26.5%, 87.5%

CMYK

26.5%, 3.6%, 0.0%, 12.5%

OKLCH

0.8463 0.0538 208.1

Properties

Cool Light Nearest: NCS S 0520-B10G Ice Blue

Color Harmonies

Complementary

#A4D7DF

#DFACA4

Analogous

#A4DFCA

#A4BADF

#A4D7DF

Triadic

#A4D7DF

#DFA4D7

#D7DFA4

Split Complementary

#A4D7DF

#DFA4BA

#DFCAA4

Tetradic

#A4D7DF

#CAA4DF

#DFACA4

#BADFA4

Color Blindness Simulation

Original

#A4D7DF

Protanopia

#BABBDD

Deuteranopia

#B7B3DD

Tritanopia

#A7DCDB

Achromatopsia

#CDCDCD

CSS Usage

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

Tailwind Shades

50
#F4FAFA
100
#E6F2F4
200
#CAE8EC
300
#A4D7DF
400
#73C2CE
500
#42ACBD
600
#358A97
700
#2A6E79
800
#21565E
900
#1C4045
950
#11282C

Contrast Checker

Text on white

1.57:1

AA Fail AAA Fail

Text on black

13.36:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026