#AFCAD5

#AFCAD5

Color Values

HEX

#AFCAD5

RGB

175, 202, 213

HSL

197.4, 31.1%, 76.1%

HSV

197.4, 17.8%, 83.5%

CMYK

17.8%, 5.2%, 0.0%, 16.5%

OKLCH

0.8224 0.033 224.3

Properties

Cool Light Nearest: lightblue 3

Color Harmonies

Complementary

#AFCAD5

#D5BAAF

Analogous

#AFD5CD

#AFB7D5

#AFCAD5

Triadic

#AFCAD5

#D5AFCA

#CAD5AF

Split Complementary

#AFCAD5

#D5AFB7

#D5CDAF

Tetradic

#AFCAD5

#CDAFD5

#D5BAAF

#B7D5AF

Color Blindness Simulation

Original

#AFCAD5

Protanopia

#BBBBD2

Deuteranopia

#B9B7D2

Tritanopia

#B0D0D0

Achromatopsia

#C5C5C5

CSS Usage

background-color: #AFCAD5;
color: #AFCAD5;
border-color: #AFCAD5;
Nearest Tailwind: Slate 300 #CBD5E1

Tailwind Shades

50
#F5F8F9
100
#E8EFF2
200
#D0E0E6
300
#AFCAD5
400
#83ADBE
500
#5890A7
600
#467386
700
#385C6B
800
#2C4854
900
#23363E
950
#162227

Contrast Checker

Text on white

1.72:1

AA Fail AAA Fail

Text on black

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