#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

Oca 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Oca 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Oca 15, 2026