Maritime Complementary Color Scheme
Five colors arranged by the complementary rule around Maritime (#BDCFEA), each snapped to its nearest named color.
#BDCFEA
#EDF2F8
#EAD8BE
#D6B484
#F8F4ED
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Maritime | #BDCFEA | 189, 207, 234 | 216°, 52%, 83% | 19, 12, 0, 8 | |
| Airport | #EDF2F8 | 237, 242, 248 | 213°, 44%, 95% | 4, 2, 0, 3 | |
| Steamed Milk | #EAD8BE | 234, 216, 190 | 35°, 51%, 83% | 0, 8, 19, 8 | |
| Cashmere Wrap | #D6B484 | 214, 180, 132 | 35°, 50%, 68% | 0, 16, 38, 16 | |
| Crystal Cut | #F8F4ED | 248, 244, 237 | 38°, 44%, 95% | 0, 2, 4, 3 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #D6B484 on #F8F4ED | 1.79:1 | — |
| Aa #EDF2F8 on #D6B484 | 1.74:1 | — |
| Aa #BDCFEA on #F8F4ED | 1.44:1 | — |
| Aa #BDCFEA on #EDF2F8 | 1.41:1 | — |
| Aa #EAD8BE on #D6B484 | 1.41:1 | — |
| Aa #EAD8BE on #F8F4ED | 1.27:1 | — |
CSS variables
:root {
--color-1: #bdcfea; /* Maritime */
--color-2: #edf2f8; /* Airport */
--color-3: #ead8be; /* Steamed Milk */
--color-4: #d6b484; /* Cashmere Wrap */
--color-5: #f8f4ed; /* Crystal Cut */
}Other schemes from Maritime
- Maritime Analogous Color Scheme#BDE8D8#BFE7EA#BDCFEA#CCBBEE#D3BFE5
- Maritime Triadic Color Scheme#BDCFEA#ECBCCE#CCEEBB#EDF2F8#DD84A3
- Maritime Split-complementary Color Scheme#BDCFEA#E7C0BC#E9E8BB#84A5DC#F9ECEA
- Maritime Tetradic Color Scheme#BDCFEA#F1BFE2#EAD8BE#B8EBC5#EDF2F8
- Maritime Monochromatic Color Scheme#417DC1#84A5DC#BDCFEA#EDF2F8#EDF2F8
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 Maritime?
In a complementary scheme: Airport (#EDF2F8), Steamed Milk (#EAD8BE), Cashmere Wrap (#D6B484), Crystal Cut (#F8F4ED).
What is the hex code of Maritime?
#BDCFEA.