#AFE3FA

#AFE3FA

Color Values

HEX

#AFE3FA

RGB

175, 227, 250

HSL

198.4, 88.2%, 83.3%

HSV

198.4, 30.0%, 98.0%

CMYK

30.0%, 9.2%, 0.0%, 2.0%

OKLCH

0.8874 0.0621 226.9

Properties

Cool Light Nearest: lightskyblue 1

Color Harmonies

Complementary

#AFE3FA

#FAC6AF

Analogous

#AFFAEB

#AFBDFA

#AFE3FA

Triadic

#AFE3FA

#FAAFE3

#E3FAAF

Split Complementary

#AFE3FA

#FAAFBD

#FAEBAF

Tetradic

#AFE3FA

#EBAFFA

#FAC6AF

#BDFAAF

Color Blindness Simulation

Original

#AFE3FA

Protanopia

#C6C6F4

Deuteranopia

#C2BFF3

Tritanopia

#B2F0EF

Achromatopsia

#DADADA

CSS Usage

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

Tailwind Shades

50
#F2FAFD
100
#E0F2FB
200
#BCE7FB
300
#8CD7F8
400
#4DC1F4
500
#0FABF0
600
#0C89C0
700
#0A6D9A
800
#085578
900
#0A3F57
950
#062837

Contrast Checker

Text on white

1.38:1

AA Fail AAA Fail

Text on black

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