#AFCCEA

#AFCCEA

Color Values

HEX

#AFCCEA

RGB

175, 204, 234

HSL

210.5, 58.4%, 80.2%

HSV

210.5, 25.2%, 91.8%

CMYK

25.2%, 12.8%, 0.0%, 8.2%

OKLCH

0.8337 0.0525 249.3

Properties

Cool Light Nearest: lightsteelblue 2

Color Harmonies

Complementary

#AFCCEA

#EACDAF

Analogous

#AFEAEA

#B0AFEA

#AFCCEA

Triadic

#AFCCEA

#EAAFCC

#CCEAAF

Split Complementary

#AFCCEA

#EAB0AF

#EAEAAF

Tetradic

#AFCCEA

#EAAFEA

#EACDAF

#AFEAB0

Color Blindness Simulation

Original

#AFCCEA

Protanopia

#BCBCE3

Deuteranopia

#BAB8E1

Tritanopia

#B0DDDC

Achromatopsia

#C8C8C8

CSS Usage

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

Tailwind Shades

50
#F4F7FB
100
#E4EDF6
200
#C6DBF0
300
#9EC1E6
400
#6AA0D8
500
#357ECA
600
#2A65A2
700
#225181
800
#1B3F65
900
#17304A
950
#0F1E2F

Contrast Checker

Text on white

1.66:1

AA Fail AAA Fail

Text on black

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