Bright Light Blue Color
#87CEEB
Shades
Darker variations of each color in your palette
Base Color
#87CEEB#87CEEB
#6CA5BC
#517C8D
#36525E
#1B292F
#000000
Shades
Tints
Lighter variations of each color in your palette
Base Color
#87CEEB#87CEEB
#9FD8EF
#B7E2F3
#CFEBF7
#E7F5FB
#FFFFFF
Tints
Base Color
Click any value to copy
| Format | Value | Image |
|---|---|---|
| HEX | #87CEEB |  |
| RGB | 135, 206, 235 | |
| HSL | 197, 71%, 73% | |
| CMYK | 43%, 12%, 0%, 8% | |
| OKLCH | oklch(0.815 0.082 226) |
Color Harmonies
Explore harmonious color combinations based on color theory
Base Color
#87CEEB#89EBD6
#87CEEB
#899EEB
Analogous
#87CEEB
#EBA589
Complementary
#87CEEB
#EB89CF
#CFEB89
Triadic
#87CEEB
#EB899E
#EBD689
Split Complementary
#87CEEB
#D689EB
#EBA589
#9EEB89
Tetradic
#0F4357
#1A7599
#25A7DA
#66C1E5
#A8DCF0
Monochromatic
Hues
Different hues with the same saturation and lightness
Base Color
#87CEEB#EB8989
#EBEB89
#89EB89
#89EBEB
#8989EB
#EB89EB
Hues
Tones
Tones created by adding gray to each color
Base Color
#87CEEB#87CEEB
#86BED6
#84AFC0
#839FAB
#819095
#808080
Tones
Color Temperatures
Warm and cool variations of your colors
Base Color
#87CEEB#99C8E0
#ABC2D6
#BDBCCB
Warmer
#81C8EE
#7BC2F1
#75BCF4
Cooler
Contrast
Test color contrast against white and black backgrounds
Color #1
#87CEEBOn White Background
Sample Text
Contrast Ratio:1.74:1
WCAG Level:Fail
FAIL
On Black Background
Sample Text
Contrast Ratio:12.06: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)