Huebook

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

NameHEXRGBHSLCMYK
Maritime#BDCFEA189, 207, 234216°, 52%, 83%19, 12, 0, 8
Airport#EDF2F8237, 242, 248213°, 44%, 95%4, 2, 0, 3
Steamed Milk#EAD8BE234, 216, 19035°, 51%, 83%0, 8, 19, 8
Cashmere Wrap#D6B484214, 180, 13235°, 50%, 68%0, 16, 38, 16
Crystal Cut#F8F4ED248, 244, 23738°, 44%, 95%0, 2, 4, 3

Which pairs work for text

Text on backgroundContrastWCAG
Aa #D6B484 on #F8F4ED1.79:1—
Aa #EDF2F8 on #D6B4841.74:1—
Aa #BDCFEA on #F8F4ED1.44:1—
Aa #BDCFEA on #EDF2F81.41:1—
Aa #EAD8BE on #D6B4841.41:1—
Aa #EAD8BE on #F8F4ED1.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

More Very Light Blue complementary palettes

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.