#A2DBFD

#A2DBFD

Color Values

HEX

#A2DBFD

RGB

162, 219, 253

HSL

202.4, 95.8%, 81.4%

HSV

202.4, 36.0%, 99.2%

CMYK

36.0%, 13.4%, 0.0%, 0.8%

OKLCH

0.864 0.0751 235.0

Properties

Cool Light Nearest: lightskyblue 1

Color Harmonies

Complementary

#A2DBFD

#FDC4A2

Analogous

#A2FDF1

#A2AEFD

#A2DBFD

Triadic

#A2DBFD

#FDA2DB

#DBFDA2

Split Complementary

#A2DBFD

#FDA2AE

#FDF1A2

Tetradic

#A2DBFD

#F1A2FD

#FDC4A2

#AEFDA2

Color Blindness Simulation

Original

#A2DBFD

Protanopia

#BBBBF5

Deuteranopia

#B7B3F3

Tritanopia

#A5EEED

Achromatopsia

#D1D1D1

CSS Usage

background-color: #A2DBFD;
color: #A2DBFD;
border-color: #A2DBFD;
Nearest Tailwind: Sky 200 #BAE6FD

Tailwind Shades

50
#F1F9FE
100
#DFF1FC
200
#B9E4FE
300
#87D1FC
400
#46B8FB
500
#059EFA
600
#047FC8
700
#0365A0
800
#034F7D
900
#073B5A
950
#042539

Contrast Checker

Text on white

1.49:1

AA Fail AAA Fail

Text on black

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