#A2AFD0

#A2AFD0

Color Values

HEX

#A2AFD0

RGB

162, 175, 208

HSL

223.0, 32.9%, 72.5%

HSV

223.0, 22.1%, 81.6%

CMYK

22.1%, 15.9%, 0.0%, 18.4%

OKLCH

0.755 0.0497 268.3

Properties

Cool Light Nearest: Wild Blue Yonder

Color Harmonies

Complementary

#A2AFD0

#D0C3A2

Analogous

#A2C6D0

#ACA2D0

#A2AFD0

Triadic

#A2AFD0

#D0A2AF

#AFD0A2

Split Complementary

#A2AFD0

#D0ACA2

#C6D0A2

Tetradic

#A2AFD0

#D0A2C6

#D0C3A2

#A2D0AC

Color Blindness Simulation

Original

#A2AFD0

Protanopia

#A8A8C8

Deuteranopia

#A7A6C6

Tritanopia

#A3C2C0

Achromatopsia

#AFAFAF

CSS Usage

background-color: #A2AFD0;
color: #A2AFD0;
border-color: #A2AFD0;
Nearest Tailwind: Slate 400 #94A3B8

Tailwind Shades

50
#F5F6F9
100
#E8EBF2
200
#D0D6E7
300
#AEB9D6
400
#8293C0
500
#566DA9
600
#445788
700
#37466C
800
#2B3755
900
#222A3F
950
#161B28

Contrast Checker

Text on white

2.19:1

AA Fail AAA Fail

Text on black

9.58:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026