#AFBDD4

#AFBDD4

Color Values

HEX

#AFBDD4

RGB

175, 189, 212

HSL

217.3, 30.1%, 75.9%

HSV

217.3, 17.5%, 83.1%

CMYK

17.5%, 10.8%, 0.0%, 16.9%

OKLCH

0.795 0.0362 260.4

Properties

Cool Light Nearest: lightsteelblue

Color Harmonies

Complementary

#AFBDD4

#D4C6AF

Analogous

#AFD0D4

#B4AFD4

#AFBDD4

Triadic

#AFBDD4

#D4AFBD

#BDD4AF

Split Complementary

#AFBDD4

#D4B4AF

#D0D4AF

Tetradic

#AFBDD4

#D4AFD0

#D4C6AF

#AFD4B4

Color Blindness Simulation

Original

#AFBDD4

Protanopia

#B5B5CE

Deuteranopia

#B4B3CD

Tritanopia

#B0CAC9

Achromatopsia

#BCBCBC

CSS Usage

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

Tailwind Shades

50
#F5F7F9
100
#E9ECF2
200
#D1D9E6
300
#AFBDD4
400
#849ABD
500
#5976A6
600
#475F85
700
#394C6A
800
#2D3B53
900
#232D3E
950
#161D27

Contrast Checker

Text on white

1.9:1

AA Fail AAA Fail

Text on black

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