#99AFD1

#99AFD1

Color Values

HEX

#99AFD1

RGB

153, 175, 209

HSL

216.4, 37.8%, 71.0%

HSV

216.4, 26.8%, 82.0%

CMYK

26.8%, 16.3%, 0.0%, 18.0%

OKLCH

0.7489 0.055 259.0

Properties

Cool Light Nearest: Wild Blue Yonder

Color Harmonies

Complementary

#99AFD1

#D1BB99

Analogous

#99CBD1

#9F99D1

#99AFD1

Triadic

#99AFD1

#D199AF

#AFD199

Split Complementary

#99AFD1

#D19F99

#CBD199

Tetradic

#99AFD1

#D199CB

#D1BB99

#99D19F

Color Blindness Simulation

Original

#99AFD1

Protanopia

#A3A3C9

Deuteranopia

#A1A0C7

Tritanopia

#9AC2C1

Achromatopsia

#ADADAD

CSS Usage

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

Tailwind Shades

50
#F5F7FA
100
#E7ECF3
200
#CED8E9
300
#ABBDD9
400
#7D99C4
500
#4F75B0
600
#3F5E8D
700
#334B70
800
#283B58
900
#202D41
950
#141C29

Contrast Checker

Text on white

2.23:1

AA Fail AAA Fail

Text on black

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