#AFCEFA

#AFCEFA

Color Values

HEX

#AFCEFA

RGB

175, 206, 250

HSL

215.2, 88.2%, 83.3%

HSV

215.2, 30.0%, 98.0%

CMYK

30.0%, 17.6%, 0.0%, 2.0%

OKLCH

0.8437 0.0703 257.1

Properties

Cool Light Nearest: lightsteelblue 2

Color Harmonies

Complementary

#AFCEFA

#FADBAF

Analogous

#AFF3FA

#B5AFFA

#AFCEFA

Triadic

#AFCEFA

#FAAFCE

#CEFAAF

Split Complementary

#AFCEFA

#FAB5AF

#F3FAAF

Tetradic

#AFCEFA

#FAAFF3

#FADBAF

#AFFAB5

Color Blindness Simulation

Original

#AFCEFA

Protanopia

#BCBDEF

Deuteranopia

#BBB8ED

Tritanopia

#B1E7E5

Achromatopsia

#CBCBCB

CSS Usage

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

Tailwind Shades

50
#F2F6FD
100
#E0EBFB
200
#BCD6FB
300
#8CB8F8
400
#4D92F4
500
#0F6CF0
600
#0C56C0
700
#0A459A
800
#083678
900
#0A2A57
950
#061A37

Contrast Checker

Text on white

1.61:1

AA Fail AAA Fail

Text on black

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