Huebook

Boulevardier Complementary Color Scheme

Five colors arranged by the complementary rule around Boulevardier (#D40701), each snapped to its nearest named color.

#D40701
#FF3A2D
#00CED1
#008389
#33FFFF

Color names and codes

NameHEXRGBHSLCMYK
Boulevardier#D40701212, 7, 12°, 99%, 42%0, 97, 100, 17
Redshift#FF3A2D255, 58, 454°, 100%, 59%0, 77, 82, 0
Jade Glass#00CED10, 206, 209181°, 100%, 41%100, 1, 0, 18
Precious Blue#0083890, 131, 137183°, 100%, 27%100, 4, 0, 46
Beaming Blue#33FFFF51, 255, 255180°, 100%, 60%80, 0, 0, 0

Which pairs work for text

Text on backgroundContrastWCAG
Aa #D40701 on #33FFFF4.41:1AA large
Aa #008389 on #33FFFF3.67:1AA large
Aa #FF3A2D on #33FFFF2.86:1—
Aa #D40701 on #00CED12.81:1—
Aa #00CED1 on #0083892.33:1—
Aa #FF3A2D on #00CED11.82:1—

CSS variables

:root {
  --color-1: #d40701; /* Boulevardier */
  --color-2: #ff3a2d; /* Redshift */
  --color-3: #00ced1; /* Jade Glass */
  --color-4: #008389; /* Precious Blue */
  --color-5: #33ffff; /* Beaming Blue */
}

Other schemes from Boulevardier

More Medium Red complementary palettes

Questions

What colors go with Boulevardier?

In a complementary scheme: Redshift (#FF3A2D), Jade Glass (#00CED1), Precious Blue (#008389), Beaming Blue (#33FFFF).

What is the hex code of Boulevardier?

#D40701.