Steel Mist Complementary Color Scheme
Five colors arranged by the complementary rule around Steel Mist (#C6CEDA), each snapped to its nearest named color.
#C6CEDA
#EEF2F3
#DCD2C3
#BEAF93
#F6F4EF
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Steel Mist | #C6CEDA | 198, 206, 218 | 216°, 21%, 82% | 9, 6, 0, 15 | |
| Maui Mist | #EEF2F3 | 238, 242, 243 | 192°, 17%, 94% | 2, 0, 0, 5 | |
| Natural Tan | #DCD2C3 | 220, 210, 195 | 36°, 26%, 81% | 0, 5, 11, 14 | |
| Mocha Cake | #BEAF93 | 190, 175, 147 | 39°, 25%, 66% | 0, 8, 23, 25 | |
| The Speed of Light | #F6F4EF | 246, 244, 239 | 43°, 28%, 95% | 0, 1, 3, 4 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #BEAF93 on #F6F4EF | 1.96:1 | — |
| Aa #EEF2F3 on #BEAF93 | 1.91:1 | — |
| Aa #C6CEDA on #F6F4EF | 1.44:1 | — |
| Aa #DCD2C3 on #BEAF93 | 1.44:1 | — |
| Aa #C6CEDA on #EEF2F3 | 1.41:1 | — |
| Aa #DCD2C3 on #F6F4EF | 1.36:1 | — |
CSS variables
:root {
--color-1: #c6ceda; /* Steel Mist */
--color-2: #eef2f3; /* Maui Mist */
--color-3: #dcd2c3; /* Natural Tan */
--color-4: #beaf93; /* Mocha Cake */
--color-5: #f6f4ef; /* The Speed of Light */
}Other schemes from Steel Mist
- Steel Mist Analogous Color Scheme#C2DDD3#C5D9DB#C6CEDA#C7C5DC#D4C6DC
- Steel Mist Triadic Color Scheme#C6CEDA#D9C4D0#D0DBC4#EEF2F3#BA97A9
- Steel Mist Split-complementary Color Scheme#C6CEDA#DAC7C4#DBDCC4#91A7BC#F4EFEE
- Steel Mist Tetradic Color Scheme#C6CEDA#DAC4DC#DCD2C3#C5DCC6#EEF2F3
- Steel Mist Monochromatic Color Scheme#647D9E#99A4BA#C6CEDA#F2F2F4#F2F2F4
More Very Light Blue complementary palettes
- A Dime a Dozen Complementary Color Scheme#D3DDE4#EEF2F3#E4DAD3#CAB3A0#F6F2F1
- Andromeda Blue Complementary Color Scheme#ABCDEE#EAF4FC#EECCAA#E5AA70#F8F1EB
- Après-Ski Complementary Color Scheme#CED5E4#EDF2F8#E4DDCE#C6BB9C#F6F4EF
- Ariel Complementary Color Scheme#AED7EA#EBF4FC#E9C2AD#DD9475#F8F1EB
- Baby Blue Complementary Color Scheme#A2CFFE#E8F5FC#FDD1A4#FFAA55#FFF2E4
- Bird Bath Blue Complementary Color Scheme#CDDFE7#F0F4F8#E6D6CD#CCAA99#F7EFEF
- Blue Silk Complementary Color Scheme#D0DCE8#EDF2F8#E7DCCF#CEB79D#F8F4ED
- Breaking the Ice Complementary Color Scheme#B8E4F5#E8F7FD#F5C8BB#EE9977#FBEEE8
- Breath of Fresh Air Complementary Color Scheme#C7DBE4#F0F4F8#E3D1C8#CBA792#F7EFEF
- Breeze Complementary Color Scheme#AEC9EA#ECF3F9#EBCFAE#D9A96F#F8F4ED
- Breezy Complementary Color Scheme#C2DDE6#EBF6F7#E7CAC3#D29B8D#F8F1EB
- Bright Star Complementary Color Scheme#DDE2E6#EEF2F3#E9E1D9#CBB9AB#F6F2F1
Questions
What colors go with Steel Mist?
In a complementary scheme: Maui Mist (#EEF2F3), Natural Tan (#DCD2C3), Mocha Cake (#BEAF93), The Speed of Light (#F6F4EF).
What is the hex code of Steel Mist?
#C6CEDA.