#A6DFD4

#A6DFD4

Color Values

HEX

#A6DFD4

RGB

166, 223, 212

HSL

168.4, 47.1%, 76.3%

HSV

168.4, 25.6%, 87.5%

CMYK

25.6%, 0.0%, 4.9%, 12.5%

OKLCH

0.8615 0.0603 181.6

Properties

Cool Light Nearest: paleturquoise

Color Harmonies

Complementary

#A6DFD4

#DFA6B1

Analogous

#A6DFB8

#A6CEDF

#A6DFD4

Triadic

#A6DFD4

#D4A6DF

#DFD4A6

Split Complementary

#A6DFD4

#DFA6CE

#DFB8A6

Tetradic

#A6DFD4

#B8A6DF

#DFA6B1

#CEDFA6

Color Blindness Simulation

Original

#A6DFD4

Protanopia

#BFBFD7

Deuteranopia

#BBB7D7

Tritanopia

#A9D9D9

Achromatopsia

#D2D2D2

CSS Usage

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

Tailwind Shades

50
#F4FAF9
100
#E6F4F2
200
#CAECE6
300
#A5DFD3
400
#74CDBC
500
#43BCA4
600
#369683
700
#2B7869
800
#225E52
900
#1C453D
950
#122C27

Contrast Checker

Text on white

1.49:1

AA Fail AAA Fail

Text on black

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