#A2EDFD

#A2EDFD

Color Values

HEX

#A2EDFD

RGB

162, 237, 253

HSL

190.5, 95.8%, 81.4%

HSV

190.5, 36.0%, 99.2%

CMYK

36.0%, 6.3%, 0.0%, 0.8%

OKLCH

0.9025 0.0769 212.5

Properties

Cool Light Nearest: Blizzard Blue

Color Harmonies

Complementary

#A2EDFD

#FDB2A2

Analogous

#A2FDDF

#A2C0FD

#A2EDFD

Triadic

#A2EDFD

#FDA2ED

#EDFDA2

Split Complementary

#A2EDFD

#FDA2C0

#FDDFA2

Tetradic

#A2EDFD

#DFA2FD

#FDB2A2

#C0FDA2

Color Blindness Simulation

Original

#A2EDFD

Protanopia

#C2C3F9

Deuteranopia

#BEB8F8

Tritanopia

#A6F6F5

Achromatopsia

#DEDEDE

CSS Usage

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

Tailwind Shades

50
#F1FBFE
100
#DFF7FC
200
#B9F2FE
300
#87E8FC
400
#46DBFB
500
#05CFFA
600
#04A6C8
700
#0384A0
800
#03677D
900
#074C5A
950
#043039

Contrast Checker

Text on white

1.31:1

AA Fail AAA Fail

Text on black

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