#AFDBF2

#AFDBF2

Color Values

HEX

#AFDBF2

RGB

175, 219, 242

HSL

200.6, 72.0%, 81.8%

HSV

200.6, 27.7%, 94.9%

CMYK

27.7%, 9.5%, 0.0%, 5.1%

OKLCH

0.8678 0.0559 231.0

Properties

Cool Light Nearest: lightskyblue 2

Color Harmonies

Complementary

#AFDBF2

#F2C6AF

Analogous

#AFF2E8

#AFBAF2

#AFDBF2

Triadic

#AFDBF2

#F2AFDB

#DBF2AF

Split Complementary

#AFDBF2

#F2AFBA

#F2E8AF

Tetradic

#AFDBF2

#E8AFF2

#F2C6AF

#BAF2AF

Color Blindness Simulation

Original

#AFDBF2

Protanopia

#C2C2EC

Deuteranopia

#C0BCEB

Tritanopia

#B1E8E7

Achromatopsia

#D3D3D3

CSS Usage

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

Tailwind Shades

50
#F3F9FC
100
#E2F1F8
200
#C2E3F5
300
#96D0EE
400
#5DB6E5
500
#249CDB
600
#1D7DAF
700
#17648C
800
#124E6E
900
#113A50
950
#0B2532

Contrast Checker

Text on white

1.47:1

AA Fail AAA Fail

Text on black

14.24:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026