#AFC2D7

#AFC2D7

Color Values

HEX

#AFC2D7

RGB

175, 194, 215

HSL

211.5, 33.3%, 76.5%

HSV

211.5, 18.6%, 84.3%

CMYK

18.6%, 9.8%, 0.0%, 15.7%

OKLCH

0.8064 0.0363 250.9

Properties

Cool Light Nearest: lightsteelblue

Color Harmonies

Complementary

#AFC2D7

#D7C4AF

Analogous

#AFD6D7

#B0AFD7

#AFC2D7

Triadic

#AFC2D7

#D7AFC2

#C2D7AF

Split Complementary

#AFC2D7

#D7B0AF

#D6D7AF

Tetradic

#AFC2D7

#D7AFD6

#D7C4AF

#AFD7B0

Color Blindness Simulation

Original

#AFC2D7

Protanopia

#B7B7D2

Deuteranopia

#B6B5D1

Tritanopia

#B0CECD

Achromatopsia

#BFBFBF

CSS Usage

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

Tailwind Shades

50
#F5F7FA
100
#E8EDF2
200
#CFDBE7
300
#ADC1D6
400
#819FC0
500
#557DAA
600
#446488
700
#36506D
800
#2B3F55
900
#22303F
950
#151E28

Contrast Checker

Text on white

1.82:1

AA Fail AAA Fail

Text on black

11.52:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026