#ADF6ED

#ADF6ED

Color Values

HEX

#ADF6ED

RGB

173, 246, 237

HSL

172.6, 80.2%, 82.2%

HSV

172.6, 29.7%, 96.5%

CMYK

29.7%, 0.0%, 3.7%, 3.5%

OKLCH

0.9227 0.0732 186.4

Properties

Cool Light Nearest: paleturquoise 2

Color Harmonies

Complementary

#ADF6ED

#F6ADB6

Analogous

#ADF6C9

#ADDBF6

#ADF6ED

Triadic

#ADF6ED

#EDADF6

#F6EDAD

Split Complementary

#ADF6ED

#F6ADDB

#F6C9AD

Tetradic

#ADF6ED

#C9ADF6

#F6ADB6

#DBF6AD

Color Blindness Simulation

Original

#ADF6ED

Protanopia

#CDCDEF

Deuteranopia

#C8C3F0

Tritanopia

#B1F1F1

Achromatopsia

#E6E6E6

CSS Usage

background-color: #ADF6ED;
color: #ADF6ED;
border-color: #ADF6ED;
Nearest Tailwind: Teal 200 #99F6E4

Tailwind Shades

50
#F2FDFB
100
#E1F9F6
200
#BFF8F1
300
#91F3E7
400
#55ECDA
500
#19E6CD
600
#14B8A4
700
#109383
800
#0D7366
900
#0D534B
950
#09352F

Contrast Checker

Text on white

1.22:1

AA Fail AAA Fail

Text on black

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