#AFADD3

#AFADD3

Color Values

HEX

#AFADD3

RGB

175, 173, 211

HSL

243,2, 30,2%, 75,3%

HSV

243,2, 18,0%, 82,7%

CMYK

17,1%, 18,0%, 0,0%, 17,3%

OKLCH

0,762 0,0541 287,5

Properties

Cool Light Nearest: NCS S 0520-R80B Light Lavender

Color Harmonies

Complementary

#AFADD3

#D1D3AD

Analogous

#ADBED3

#C2ADD3

#AFADD3

Triadic

#AFADD3

#D3AFAD

#ADD3AF

Split Complementary

#AFADD3

#D3C2AD

#BED3AD

Tetradic

#AFADD3

#D3ADBE

#D1D3AD

#ADD3C2

Color Blindness Simulation

Original

#AFADD3

Protanopia

#AEAECA

Deuteranopia

#AEAEC8

Tritanopia

#AFC3C1

Achromatopsia

#B0B0B0

CSS Usage

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

Tailwind Shades

50
#F6F5F9
100
#E9E9F2
200
#D2D1E6
300
#B1AFD4
400
#8784BD
500
#5D59A6
600
#4A4785
700
#3C396A
800
#2F2C53
900
#25233E
950
#171627

Contrast Checker

Text on white

2,16:1

AA Fail AAA Fail

Text on black

9,74:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026