#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

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026