#9ADBCC

#9ADBCC

Color Values

HEX

#9ADBCC

RGB

154, 219, 204

HSL

166.2, 47.4%, 73.1%

HSV

166.2, 29.7%, 85.9%

CMYK

29.7%, 0.0%, 6.8%, 14.1%

OKLCH

0.8435 0.0692 178.6

Properties

Cool Light Nearest: NCS S 0520-B70G Mint

Color Harmonies

Complementary

#9ADBCC

#DB9AA9

Analogous

#9ADBAB

#9AC9DB

#9ADBCC

Triadic

#9ADBCC

#CC9ADB

#DBCC9A

Split Complementary

#9ADBCC

#DB9AC9

#DBAB9A

Tetradic

#9ADBCC

#AB9ADB

#DB9AA9

#C9DB9A

Color Blindness Simulation

Original

#9ADBCC

Protanopia

#B6B7D0

Deuteranopia

#B2AED0

Tritanopia

#9DD2D3

Achromatopsia

#CCCCCC

CSS Usage

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

Tailwind Shades

50
#F4FAF9
100
#E6F4F1
200
#CAECE4
300
#A5DFD1
400
#74CDB9
500
#43BCA0
600
#369680
700
#2B7866
800
#225E50
900
#1C453C
950
#122C26

Contrast Checker

Text on white

1.57:1

AA Fail AAA Fail

Text on black

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