#AFDAFE

#AFDAFE

Color Values

HEX

#AFDAFE

RGB

175, 218, 254

HSL

207,3, 97,5%, 84,1%

HSV

207,3, 31,1%, 99,6%

CMYK

31,1%, 14,2%, 0,0%, 0,4%

OKLCH

0,87 0,0674 243,9

Properties

Cool Light Nearest: lightskyblue 1

Color Harmonies

Complementary

#AFDAFE

#FED3AF

Analogous

#AFFEFA

#AFB2FE

#AFDAFE

Triadic

#AFDAFE

#FEAFDA

#DAFEAF

Split Complementary

#AFDAFE

#FEAFB2

#FEFAAF

Tetradic

#AFDAFE

#FAAFFE

#FED3AF

#B2FEAF

Color Blindness Simulation

Original

#AFDAFE

Protanopia

#C2C2F5

Deuteranopia

#BFBCF3

Tritanopia

#B1EEED

Achromatopsia

#D3D3D3

CSS Usage

background-color: #AFDAFE;
color: #AFDAFE;
border-color: #AFDAFE;
Nearest Tailwind: Blue 200 #BFDBFE

Tailwind Shades

50
#F1F8FE
100
#DEEEFC
200
#B8DEFE
300
#86C7FD
400
#45A9FD
500
#038BFC
600
#036FC9
700
#0259A1
800
#02457E
900
#06345B
950
#042139

Contrast Checker

Text on white

1,47:1

AA Fail AAA Fail

Text on black

14,28: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