Light Blue Color
#ADD8E6
Shades
Darker variations of each color in your palette
Base Color
#ADD8E6#ADD8E6
#8AADB8
#68828A
#45565C
#232B2E
#000000
Shades
Tints
Lighter variations of each color in your palette
Base Color
#ADD8E6#ADD8E6
#BDE0EB
#CEE8F0
#DEEFF5
#EFF7FA
#FFFFFF
Tints
Base Color
Click any value to copy
| Format | Value | Image |
|---|---|---|
| HEX | #ADD8E6 |  |
| RGB | 173, 216, 230 | |
| HSL | 195, 53%, 79% | |
| CMYK | 25%, 6%, 0%, 10% | |
| OKLCH | oklch(0.856 0.049 220) |
Color Harmonies
Explore harmonious color combinations based on color theory
Base Color
#ADD8E6#ADE6D8
#ADD8E6
#ADBBE6
Analogous
#ADD8E6
#E6BBAD
Complementary
#ADD8E6
#E6ADD8
#D8E6AD
Triadic
#ADD8E6
#E6ADBB
#E6D8AD
Split Complementary
#ADD8E6
#D8ADE6
#E6BBAD
#BBE6AD
Tetradic
#18414E
#2A7189
#3CA1C3
#76BDD5
#B1DAE7
Monochromatic
Hues
Different hues with the same saturation and lightness
Base Color
#ADD8E6#E6ADAD
#E6E6AD
#ADE6AD
#ADE6E6
#ADADE6
#E6ADE6
Hues
Tones
Tones created by adding gray to each color
Base Color
#ADD8E6#ADD8E6
#A4C6D2
#9BB5BD
#92A3A9
#899294
#808080
Tones
Color Temperatures
Warm and cool variations of your colors
Base Color
#ADD8E6#B9D1DC
#C6CBD1
#D2C4C7
Warmer
#A5D1EA
#9DCBEE
#96C4F1
Cooler
Contrast
Test color contrast against white and black backgrounds
Color #1
#ADD8E6On White Background
Sample Text
Contrast Ratio:1.53:1
WCAG Level:Fail
FAIL
On Black Background
Sample Text
Contrast Ratio:13.74:1
WCAG Level:AAA
PASS
WCAG Guidelines:
- AAA: Contrast ratio ≥ 7:1 (highest level)
- AA: Contrast ratio ≥ 4.5:1 (acceptable for most text)
- AA Large: Contrast ratio ≥ 3:1 (for text 18pt+ or 14pt+ bold)