#ADDBF4

#ADDBF4

Color Values

HEX

#ADDBF4

RGB

173, 219, 244

HSL

201.1, 76.3%, 81.8%

HSV

201.1, 29.1%, 95.7%

CMYK

29.1%, 10.2%, 0.0%, 4.3%

OKLCH

0.8673 0.0591 232.1

Properties

Cool Light Nearest: lightskyblue 2

Color Harmonies

Complementary

#ADDBF4

#F4C6AD

Analogous

#ADF4E9

#ADB8F4

#ADDBF4

Triadic

#ADDBF4

#F4ADDB

#DBF4AD

Split Complementary

#ADDBF4

#F4ADB8

#F4E9AD

Tetradic

#ADDBF4

#E9ADF4

#F4C6AD

#B8F4AD

Color Blindness Simulation

Original

#ADDBF4

Protanopia

#C1C1EE

Deuteranopia

#BEBBEC

Tritanopia

#AFE9E8

Achromatopsia

#D3D3D3

CSS Usage

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

Tailwind Shades

50
#F2F9FC
100
#E2F1F9
200
#C0E3F7
300
#93D0F0
400
#59B6E9
500
#1E9CE1
600
#187DB4
700
#136490
800
#0F4E70
900
#0F3A52
950
#0A2534

Contrast Checker

Text on white

1.48:1

AA Fail AAA Fail

Text on black

14.22:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026