#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

يناير 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

يناير 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

يناير 18, 2026