Huebook

High Blue Monochromatic Color Scheme

Five colors arranged by the monochromatic rule around High Blue (#4CA8E0), each snapped to its nearest named color.

#145775
#2A8FBD
#4CA8E0
#88C7E9
#CCEBF5

Color names and codes

NameHEXRGBHSLCMYKOKLCH
Broadway#14577520, 87, 117199°, 71%, 27%83, 26, 0, 5443.1% 0.080 233
Christmas Blue#2A8FBD42, 143, 189199°, 64%, 45%78, 24, 0, 2661.4% 0.113 233
High Blue#4CA8E076, 168, 224203°, 70%, 59%66, 25, 0, 1270.0% 0.120 239
Shimmer#88C7E9136, 199, 233201°, 69%, 72%42, 15, 0, 979.9% 0.080 233
Frosty Day#CCEBF5204, 235, 245195°, 67%, 88%17, 4, 0, 492.1% 0.035 219

Which pairs work for text

Text on backgroundContrastWCAG
Aa #145775 on #CCEBF56.33:1AA
Aa #145775 on #88C7E94.30:1AA large
Aa #145775 on #4CA8E03.01:1AA large
Aa #2A8FBD on #CCEBF52.91:1—
Aa #145775 on #2A8FBD2.17:1—
Aa #4CA8E0 on #CCEBF52.10:1—

CSS variables

:root {
  --color-1: #145775; /* Broadway */
  --color-2: #2a8fbd; /* Christmas Blue */
  --color-3: #4ca8e0; /* High Blue */
  --color-4: #88c7e9; /* Shimmer */
  --color-5: #ccebf5; /* Frosty Day */
}

Other schemes from High Blue

More medium blue monochromatic color schemes

Questions

What colors go with High Blue?

In a monochromatic scheme: Broadway (#145775), Christmas Blue (#2A8FBD), Shimmer (#88C7E9), Frosty Day (#CCEBF5).

What is the hex code of High Blue?

#4CA8E0.