#A1DCDC

#A1DCDC

Color Values

HEX

#A1DCDC

RGB

161, 220, 220

HSL

180.0, 45.7%, 74.7%

HSV

180.0, 26.8%, 86.3%

CMYK

26.8%, 0.0%, 0.0%, 13.7%

OKLCH

0.8544 0.0601 196.1

Properties

Cool Light Nearest: paleturquoise 3

Color Harmonies

Complementary

#A1DCDC

#DCA1A1

Analogous

#A1DCBE

#A1BEDC

#A1DCDC

Triadic

#A1DCDC

#DCA1DC

#DCDCA1

Split Complementary

#A1DCDC

#DCA1BE

#DCBEA1

Tetradic

#A1DCDC

#BEA1DC

#DCA1A1

#BEDCA1

Color Blindness Simulation

Original

#A1DCDC

Protanopia

#BBBBDC

Deuteranopia

#B7B3DC

Tritanopia

#A4DCDC

Achromatopsia

#CFCFCF

CSS Usage

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

Tailwind Shades

50
#F4FAFA
100
#E6F4F4
200
#CBECEC
300
#A6DEDE
400
#76CCCC
500
#45BABA
600
#379595
700
#2C7777
800
#235D5D
900
#1D4444
950
#122B2B

Contrast Checker

Text on white

1.52:1

AA Fail AAA Fail

Text on black

13.79:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026