#A7DCE0

#A7DCE0

Color Values

HEX

#A7DCE0

RGB

167, 220, 224

HSL

184.2, 47.9%, 76.7%

HSV

184.2, 25.4%, 87.8%

CMYK

25.4%, 1.8%, 0.0%, 12.2%

OKLCH

0.8592 0.0547 202.0

Properties

Cool Light Nearest: powderblue

Color Harmonies

Complementary

#A7DCE0

#E0ABA7

Analogous

#A7E0C8

#A7C0E0

#A7DCE0

Triadic

#A7DCE0

#E0A7DC

#DCE0A7

Split Complementary

#A7DCE0

#E0A7C0

#E0C8A7

Tetradic

#A7DCE0

#C8A7E0

#E0ABA7

#C0E0A7

Color Blindness Simulation

Original

#A7DCE0

Protanopia

#BEBEDF

Deuteranopia

#BBB7DF

Tritanopia

#AADEDE

Achromatopsia

#D1D1D1

CSS Usage

background-color: #A7DCE0;
color: #A7DCE0;
border-color: #A7DCE0;
Nearest Tailwind: Cyan 200 #A5F3FC

Tailwind Shades

50
#F4FAFA
100
#E6F3F4
200
#CAEAEC
300
#A4DBDF
400
#73C8CE
500
#42B4BD
600
#359097
700
#2B7379
800
#215A5E
900
#1C4245
950
#112A2C

Contrast Checker

Text on white

1.5:1

AA Fail AAA Fail

Text on black

13.96:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026