Light Steel Blue Complementary Color Scheme
Five colors arranged by the complementary rule around Light Steel Blue (#B0C4DE), each snapped to its nearest named color.
#B0C4DE
#EDF2F8
#DDCAAF
#C7A77B
#F8F4ED
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| Light Steel Blue | #B0C4DE | 176, 196, 222 | 214°, 41%, 78% | 21, 12, 0, 13 | 81.4% 0.043 255 | |
| Airport | #EDF2F8 | 237, 242, 248 | 213°, 44%, 95% | 4, 2, 0, 3 | 95.9% 0.010 253 | |
| Cameo Role | #DDCAAF | 221, 202, 175 | 35°, 40%, 78% | 0, 9, 21, 13 | 84.8% 0.042 77 | |
| Sugar Pie | #C7A77B | 199, 167, 123 | 35°, 40%, 63% | 0, 16, 38, 22 | 74.6% 0.070 75 | |
| Crystal Cut | #F8F4ED | 248, 244, 237 | 38°, 44%, 95% | 0, 2, 4, 3 | 96.8% 0.010 82 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #C7A77B on #F8F4ED | 2.07:1 | — |
| Aa #EDF2F8 on #C7A77B | 2.02:1 | — |
| Aa #B0C4DE on #F8F4ED | 1.62:1 | — |
| Aa #B0C4DE on #EDF2F8 | 1.58:1 | — |
| Aa #DDCAAF on #F8F4ED | 1.46:1 | — |
| Aa #DDCAAF on #C7A77B | 1.42:1 | — |
CSS variables
:root {
--color-1: #b0c4de; /* Light Steel Blue */
--color-2: #edf2f8; /* Airport */
--color-3: #ddcaaf; /* Cameo Role */
--color-4: #c7a77b; /* Sugar Pie */
--color-5: #f8f4ed; /* Crystal Cut */
}Other schemes from Light Steel Blue
- Light Steel Blue Analogous Color Scheme#B0DEC8#AFDADF#B0C4DE#B3B4DD#CAADD8
- Light Steel Blue Triadic Color Scheme#B0C4DE#DEB4C5#C5DCB3#EDF2F8#C5769B
- Light Steel Blue Split-complementary Color Scheme#B0C4DE#DDB3B2#DCDFB0#789EC5#F5E6E6
- Light Steel Blue Tetradic Color Scheme#B0C4DE#D9B1D6#DDCAAF#AADEB2#EDF2F8
- Light Steel Blue Monochromatic Color Scheme#4575AD#789EC5#B0C4DE#E9EDF6#EDF2F8
More light blue complementary color schemes
- Acapulco Dive Complementary Color Scheme#65A7DD#ABD0EA#DD9966#C56F2B#EDD2B7
- Adrift on the Nile Complementary Color Scheme#93B8E3#DBE9F4#E6BF95#D19957#F9EFE4
- Airborne Complementary Color Scheme#A2C2D0#DFEBEE#CEADA3#B8866E#F2EBE6
- Arcane Brew Complementary Color Scheme#5260E1#A3B1F2#E2CD52#C0AD28#EEE8AA
- Arctic Ice Complementary Color Scheme#B6BDD0#EBEEF3#D2CBB4#B8A983#F6F4EF
- Azureno Complementary Color Scheme#8FA0D5#D2DAED#D3C190#C0A85A#F1EBD9
- Below Zero Complementary Color Scheme#87CDED#D5EDFB#EDAA86#E27945#FBE8E0
- Birdie Num Num Complementary Color Scheme#89ACDA#CFDFEF#DCB68A#CC9350#F1E6D6
- Blank Stare Complementary Color Scheme#8B9CAC#BECBD7#B49C83#927558#D9CDC3
- Blue Bay Complementary Color Scheme#619AD6#ABCAEA#D79E62#BB7731#ECD0B1
- Blue Haze Complementary Color Scheme#BDBACE#F3F1F3#CFD2B5#B1B787#F4F4F0
- Blue Jay Complementary Color Scheme#5588DD#A3BAE3#DDAA55#BF852B#ECD5AA
Questions
What colors go with Light Steel Blue?
In a complementary scheme: Airport (#EDF2F8), Cameo Role (#DDCAAF), Sugar Pie (#C7A77B), Crystal Cut (#F8F4ED).
What is the hex code of Light Steel Blue?
#B0C4DE.