#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

Фев 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Фев 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Фев 19, 2026