Light Blue Grey Color
#B0C4DE
Shades
Darker variations of each color in your palette
Base Color
#B0C4DE#B0C4DE
#8D9DB2
#6A7685
#464E59
#23272C
#000000
Shades
Tints
Lighter variations of each color in your palette
Base Color
#B0C4DE#B0C4DE
#C0D0E5
#D0DCEB
#DFE7F2
#EFF3F8
#FFFFFF
Tints
Base Color
Click any value to copy
| Format | Value | Image |
|---|---|---|
| HEX | #B0C4DE |  |
| RGB | 176, 196, 222 | |
| HSL | 214, 41%, 78% | |
| CMYK | 21%, 12%, 0%, 13% | |
| OKLCH | oklch(0.814 0.043 255) |
Color Harmonies
Explore harmonious color combinations based on color theory
Base Color
#B0C4DE#B0DBDE
#B0C4DE
#B3B0DE
Analogous
#B0C4DE
#DECAB0
Complementary
#B0C4DE
#DEB0C4
#C4DEB0
Triadic
#B0C4DE
#DEB3B0
#DBDEB0
Split Complementary
#B0C4DE
#DEB0DB
#DECAB0
#B0DEB3
Tetradic
#1E3048
#35547E
#4B79B4
#81A1CA
#B7C9E1
Monochromatic
Hues
Different hues with the same saturation and lightness
Base Color
#B0C4DE#DEB0B0
#DEDEB0
#B0DEB0
#B0DEDE
#B0B0DE
#DEB0DE
Hues
Tones
Tones created by adding gray to each color
Base Color
#B0C4DE#B0C4DE
#A6B6CB
#9DA9B8
#939BA6
#8A8E93
#808080
Tones
Color Temperatures
Warm and cool variations of your colors
Base Color
#B0C4DE#BCBFD4
#C8BACA
#D4B5C0
Warmer
#A8BFE3
#A0BAE8
#98B5ED
Cooler
Contrast
Test color contrast against white and black backgrounds
Color #1
#B0C4DEOn White Background
Sample Text
Contrast Ratio:1.78:1
WCAG Level:Fail
FAIL
On Black Background
Sample Text
Contrast Ratio:11.80: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)