#A7CCDC

#A7CCDC

Color Values

HEX

#A7CCDC

RGB

167, 204, 220

HSL

198.1, 43.1%, 75.9%

HSV

198.1, 24.1%, 86.3%

CMYK

24.1%, 7.3%, 0.0%, 13.7%

OKLCH

0.8236 0.0453 226.0

Properties

Cool Light Nearest: lightblue

Color Harmonies

Complementary

#A7CCDC

#DCB7A7

Analogous

#A7DCD2

#A7B2DC

#A7CCDC

Triadic

#A7CCDC

#DCA7CC

#CCDCA7

Split Complementary

#A7CCDC

#DCA7B2

#DCD2A7

Tetradic

#A7CCDC

#D2A7DC

#DCB7A7

#B2DCA7

Color Blindness Simulation

Original

#A7CCDC

Protanopia

#B7B7D8

Deuteranopia

#B5B2D7

Tritanopia

#A9D5D4

Achromatopsia

#C5C5C5

CSS Usage

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

Tailwind Shades

50
#F5F8FA
100
#E7F0F4
200
#CCE1EB
300
#A7CCDC
400
#78B1C9
500
#4995B6
600
#3A7792
700
#2E6075
800
#244B5B
900
#1E3843
950
#13232A

Contrast Checker

Text on white

1.71:1

AA Fail AAA Fail

Text on black

12.31: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