#AFBCD5

#AFBCD5

Color Values

HEX

#AFBCD5

RGB

175, 188, 213

HSL

219.5, 31.1%, 76.1%

HSV

219.5, 17.8%, 83.5%

CMYK

17.8%, 11.7%, 0.0%, 16.5%

OKLCH

0.7933 0.0383 263.6

Properties

Cool Light Nearest: lightsteelblue

Color Harmonies

Complementary

#AFBCD5

#D5C8AF

Analogous

#AFCFD5

#B5AFD5

#AFBCD5

Triadic

#AFBCD5

#D5AFBC

#BCD5AF

Split Complementary

#AFBCD5

#D5B5AF

#CFD5AF

Tetradic

#AFBCD5

#D5AFCF

#D5C8AF

#AFD5B5

Color Blindness Simulation

Original

#AFBCD5

Protanopia

#B5B5CF

Deuteranopia

#B4B3CE

Tritanopia

#B0CAC9

Achromatopsia

#BBBBBB

CSS Usage

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

Tailwind Shades

50
#F5F7F9
100
#E8ECF2
200
#D0D8E6
300
#AFBCD5
400
#8397BE
500
#5873A7
600
#465C86
700
#384A6B
800
#2C3954
900
#232C3E
950
#161C27

Contrast Checker

Text on white

1.91:1

AA Fail AAA Fail

Text on black

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