#A2CFE2

#A2CFE2

Color Values

HEX

#A2CFE2

RGB

162, 207, 226

HSL

197.8, 52.5%, 76.1%

HSV

197.8, 28.3%, 88.6%

CMYK

28.3%, 8.4%, 0.0%, 11.4%

OKLCH

0.8289 0.0542 225.6

Properties

Cool Light Nearest: lightblue

Color Harmonies

Complementary

#A2CFE2

#E2B5A2

Analogous

#A2E2D5

#A2AFE2

#A2CFE2

Triadic

#A2CFE2

#E2A2CF

#CFE2A2

Split Complementary

#A2CFE2

#E2A2AF

#E2D5A2

Tetradic

#A2CFE2

#D5A2E2

#E2B5A2

#AFE2A2

Color Blindness Simulation

Original

#A2CFE2

Protanopia

#B5B6DD

Deuteranopia

#B3B0DC

Tritanopia

#A4DAD9

Achromatopsia

#C7C7C7

CSS Usage

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

Tailwind Shades

50
#F4F9FB
100
#E5F0F5
200
#C9E3EE
300
#A2CFE2
400
#6FB5D2
500
#3D9BC2
600
#307C9C
700
#27637C
800
#1E4D61
900
#1A3A47
950
#10242D

Contrast Checker

Text on white

1.67:1

AA Fail AAA Fail

Text on black

12.56:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026