#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