#A2CBFD

#A2CBFD

Color Values

HEX

#A2CBFD

RGB

162, 203, 253

HSL

213.0, 95.8%, 81.4%

HSV

213.0, 36.0%, 99.2%

CMYK

36.0%, 19.8%, 0.0%, 0.8%

OKLCH

0.8305 0.0831 253.7

Properties

Cool Light Nearest: skyblue 1

Color Harmonies

Complementary

#A2CBFD

#FDD4A2

Analogous

#A2F8FD

#A7A2FD

#A2CBFD

Triadic

#A2CBFD

#FDA2CB

#CBFDA2

Split Complementary

#A2CBFD

#FDA7A2

#F8FDA2

Tetradic

#A2CBFD

#FDA2F8

#FDD4A2

#A2FDA7

Color Blindness Simulation

Original

#A2CBFD

Protanopia

#B4B4F1

Deuteranopia

#B1AEEE

Tritanopia

#A4E7E5

Achromatopsia

#C6C6C6

CSS Usage

background-color: #A2CBFD;
color: #A2CBFD;
border-color: #A2CBFD;
Nearest Tailwind: Blue 300 #93C5FD

Tailwind Shades

50
#F1F7FE
100
#DFECFC
200
#B9D8FE
300
#87BCFC
400
#4698FB
500
#0573FA
600
#045CC8
700
#034AA0
800
#033A7D
900
#072C5A
950
#041C39

Contrast Checker

Text on white

1.68:1

AA Fail AAA Fail

Text on black

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