Huebook

Bluebonnet Analogous Color Scheme

Five colors arranged by the analogous rule around Bluebonnet (#1C1CF0), each snapped to its nearest named color.

#11EEEE
#1E90FF
#1C1CF0
#8811FF
#EF1DE7

Color names and codes

NameHEXRGBHSLCMYKOKLCH
Phosphorescent Blue#11EEEE17, 238, 238180°, 87%, 50%93, 0, 0, 786.0% 0.145 195
Clear Chill#1E90FF30, 144, 255210°, 100%, 56%88, 44, 0, 065.2% 0.190 253
Bluebonnet#1C1CF028, 28, 240240°, 88%, 53%88, 88, 0, 645.0% 0.286 267
Punk Rock Pink#8811FF136, 17, 255270°, 100%, 53%47, 93, 0, 054.4% 0.290 296
Pink Pride#EF1DE7239, 29, 231302°, 87%, 53%0, 88, 3, 667.0% 0.294 330

Which pairs work for text

Text on backgroundContrastWCAG
Aa #11EEEE on #1C1CF05.86:1AA
Aa #11EEEE on #8811FF4.06:1AA large
Aa #1E90FF on #1C1CF02.62:1—
Aa #1C1CF0 on #EF1DE72.43:1—
Aa #11EEEE on #EF1DE72.41:1—
Aa #11EEEE on #1E90FF2.23:1—

CSS variables

:root {
  --color-1: #11eeee; /* Phosphorescent Blue */
  --color-2: #1e90ff; /* Clear Chill */
  --color-3: #1c1cf0; /* Bluebonnet */
  --color-4: #8811ff; /* Punk Rock Pink */
  --color-5: #ef1de7; /* Pink Pride */
}

Other schemes from Bluebonnet

More medium blue analogous color schemes

Questions

What colors go with Bluebonnet?

In a analogous scheme: Phosphorescent Blue (#11EEEE), Clear Chill (#1E90FF), Punk Rock Pink (#8811FF), Pink Pride (#EF1DE7).

What is the hex code of Bluebonnet?

#1C1CF0.