#A7DCD7

#A7DCD7

Color Values

HEX

#A7DCD7

RGB

167, 220, 215

HSL

174.3, 43.1%, 75.9%

HSV

174.3, 24.1%, 86.3%

CMYK

24.1%, 0.0%, 2.3%, 13.7%

OKLCH

0.8564 0.055 189.0

Properties

Cool Light Nearest: paleturquoise 3

Color Harmonies

Complementary

#A7DCD7

#DCA7AC

Analogous

#A7DCBD

#A7C7DC

#A7DCD7

Triadic

#A7DCD7

#D7A7DC

#DCD7A7

Split Complementary

#A7DCD7

#DCA7C7

#DCBDA7

Tetradic

#A7DCD7

#BDA7DC

#DCA7AC

#C7DCA7

Color Blindness Simulation

Original

#A7DCD7

Protanopia

#BEBED8

Deuteranopia

#BBB7D8

Tritanopia

#AAD9D9

Achromatopsia

#D0D0D0

CSS Usage

background-color: #A7DCD7;
color: #A7DCD7;
border-color: #A7DCD7;
Nearest Tailwind: Teal 100 #CCFBF1

Tailwind Shades

50
#F5FAFA
100
#E7F4F2
200
#CCEBE8
300
#A7DCD7
400
#78C9C2
500
#49B6AC
600
#3A928A
700
#2E756E
800
#245B56
900
#1E4340
950
#132A28

Contrast Checker

Text on white

1.51:1

AA Fail AAA Fail

Text on black

13.86:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026