#AFE0FA

#AFE0FA

Color Values

HEX

#AFE0FA

RGB

175, 224, 250

HSL

200.8, 88.2%, 83.3%

HSV

200.8, 30.0%, 98.0%

CMYK

30.0%, 10.4%, 0.0%, 2.0%

OKLCH

0.8811 0.0621 231.5

Properties

Cool Light Nearest: lightskyblue 1

Color Harmonies

Complementary

#AFE0FA

#FAC9AF

Analogous

#AFFAEE

#AFBAFA

#AFE0FA

Triadic

#AFE0FA

#FAAFE0

#E0FAAF

Split Complementary

#AFE0FA

#FAAFBA

#FAEEAF

Tetradic

#AFE0FA

#EEAFFA

#FAC9AF

#BAFAAF

Color Blindness Simulation

Original

#AFE0FA

Protanopia

#C4C5F4

Deuteranopia

#C1BEF2

Tritanopia

#B1EFEE

Achromatopsia

#D7D7D7

CSS Usage

background-color: #AFE0FA;
color: #AFE0FA;
border-color: #AFE0FA;
Nearest Tailwind: Sky 200 #BAE6FD

Tailwind Shades

50
#F2F9FD
100
#E0F1FB
200
#BCE5FB
300
#8CD2F8
400
#4DBAF4
500
#0FA2F0
600
#0C82C0
700
#0A689A
800
#085178
900
#0A3C57
950
#062637

Contrast Checker

Text on white

1.41:1

AA Fail AAA Fail

Text on black

14.87:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026