Maritime Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Maritime (#BDCFEA), each snapped to its nearest named color.
#BDCFEA
#E7C0BC
#E9E8BB
#84A5DC
#F9ECEA
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Maritime | #BDCFEA | 189, 207, 234 | 216°, 52%, 83% | 19, 12, 0, 8 | |
| Rosy Glow | #E7C0BC | 231, 192, 188 | 6°, 47%, 82% | 0, 17, 19, 9 | |
| Perfect Pear | #E9E8BB | 233, 232, 187 | 59°, 51%, 82% | 0, 0, 20, 9 | |
| Blue Cue | #84A5DC | 132, 165, 220 | 218°, 56%, 69% | 40, 25, 0, 14 | |
| Salt Pebble | #F9ECEA | 249, 236, 234 | 8°, 56%, 95% | 0, 5, 6, 2 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #84A5DC on #F9ECEA | 2.17:1 | — |
| Aa #E9E8BB on #84A5DC | 1.99:1 | — |
| Aa #BDCFEA on #84A5DC | 1.58:1 | — |
| Aa #E7C0BC on #84A5DC | 1.51:1 | — |
| Aa #E7C0BC on #F9ECEA | 1.44:1 | — |
| Aa #BDCFEA on #F9ECEA | 1.37:1 | — |
CSS variables
:root {
--color-1: #bdcfea; /* Maritime */
--color-2: #e7c0bc; /* Rosy Glow */
--color-3: #e9e8bb; /* Perfect Pear */
--color-4: #84a5dc; /* Blue Cue */
--color-5: #f9ecea; /* Salt Pebble */
}Other schemes from Maritime
- Maritime Complementary Color Scheme#BDCFEA#EDF2F8#EAD8BE#D6B484#F8F4ED
- Maritime Analogous Color Scheme#BDE8D8#BFE7EA#BDCFEA#CCBBEE#D3BFE5
- Maritime Triadic Color Scheme#BDCFEA#ECBCCE#CCEEBB#EDF2F8#DD84A3
- Maritime Tetradic Color Scheme#BDCFEA#F1BFE2#EAD8BE#B8EBC5#EDF2F8
- Maritime Monochromatic Color Scheme#417DC1#84A5DC#BDCFEA#EDF2F8#EDF2F8
More Very Light Blue split-complementary palettes
- A Dime a Dozen Split-complementary Color Scheme#D3DDE4#E2D4D4#E3E4D2#A2BACB#F5F0F1
- Andromeda Blue Split-complementary Color Scheme#ABCDEE#EDAAAC#EEEEAA#72A7E1#F9EAEA
- Après-Ski Split-complementary Color Scheme#CED5E4#E3D2CE#E1E2CF#9BA9CA#F7EFEF
- Ariel Split-complementary Color Scheme#AED7EA#EAABBC#ECDFAD#74B8DA#F8EAED
- Baby Blue Split-complementary Color Scheme#A2CFFE#FEA5A2#FCFFA4#55AAFF#FFE6E7
- Bird Bath Blue Split-complementary Color Scheme#CDDFE7#E5CCD1#E8E1CE#99BDD2#F7EFEF
- Blue Silk Split-complementary Color Scheme#D0DCE8#E9CFCF#E9E9D0#9EB6D0#F6EEED
- Breaking the Ice Split-complementary Color Scheme#B8E4F5#F3BAC9#F3E8B8#76C5E7#FFE9ED
- Breath of Fresh Air Split-complementary Color Scheme#C7DBE4#E2C9CE#E3DEC6#97BBC8#F7EFEF
- Breeze Split-complementary Color Scheme#AEC9EA#E6B0AF#E8EBAF#71A2D4#F9EAEB
- Breezy Split-complementary Color Scheme#C2DDE6#E7C2CA#E7DCC1#8DBBD1#F7EFEF
- Bright Star Split-complementary Color Scheme#DDE2E6#E9D9DC#EAE7DA#AABCCB#F4EFEE
Questions
What colors go with Maritime?
In a split-complementary scheme: Rosy Glow (#E7C0BC), Perfect Pear (#E9E8BB), Blue Cue (#84A5DC), Salt Pebble (#F9ECEA).
What is the hex code of Maritime?
#BDCFEA.