#A9CDED

#A9CDED

Color Values

HEX

#A9CDED

RGB

169, 205, 237

HSL

208.2, 65.4%, 79.6%

HSV

208.2, 28.7%, 92.9%

CMYK

28.7%, 13.5%, 0.0%, 7.1%

OKLCH

0.833 0.0592 245.4

Properties

Cool Light Nearest: NCS S 0520-B Light Blue

Color Harmonies

Complementary

#A9CDED

#EDC9A9

Analogous

#A9EDEB

#A9ABED

#A9CDED

Triadic

#A9CDED

#EDA9CD

#CDEDA9

Split Complementary

#A9CDED

#EDA9AB

#EDEBA9

Tetradic

#A9CDED

#EBA9ED

#EDC9A9

#ABEDA9

Color Blindness Simulation

Original

#A9CDED

Protanopia

#B9B9E5

Deuteranopia

#B6B4E3

Tritanopia

#ABDFDE

Achromatopsia

#C8C8C8

CSS Usage

background-color: #A9CDED;
color: #A9CDED;
border-color: #A9CDED;
Nearest Tailwind: Blue 200 #BFDBFE

Tailwind Shades

50
#F3F8FC
100
#E3EEF7
200
#C4DDF3
300
#9AC4EA
400
#63A4DE
500
#2C85D3
600
#236AA9
700
#1C5587
800
#164269
900
#14324D
950
#0D2031

Contrast Checker

Text on white

1.66:1

AA Fail AAA Fail

Text on black

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