#AFD3DE

#AFD3DE

Color Values

HEX

#AFD3DE

RGB

175, 211, 222

HSL

194.0, 41.6%, 77.8%

HSV

194.0, 21.2%, 87.1%

CMYK

21.2%, 5.0%, 0.0%, 12.9%

OKLCH

0.8443 0.0411 218.3

Properties

Cool Light Nearest: lightblue

Color Harmonies

Complementary

#AFD3DE

#DEBAAF

Analogous

#AFDED1

#AFBBDE

#AFD3DE

Triadic

#AFD3DE

#DEAFD3

#D3DEAF

Split Complementary

#AFD3DE

#DEAFBB

#DED1AF

Tetradic

#AFD3DE

#D1AFDE

#DEBAAF

#BBDEAF

Color Blindness Simulation

Original

#AFD3DE

Protanopia

#BFBFDB

Deuteranopia

#BCBADB

Tritanopia

#B1D9D9

Achromatopsia

#CCCCCC

CSS Usage

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

Tailwind Shades

50
#F5F9FA
100
#E7F1F3
200
#CCE3EA
300
#A8CFDB
400
#79B6C8
500
#4A9CB5
600
#3C7D90
700
#306474
800
#254E5A
900
#1E3A43
950
#13252A

Contrast Checker

Text on white

1.59:1

AA Fail AAA Fail

Text on black

13.2:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026