Huebook

Sunflower Complementary Color Scheme

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

#FFC512
#FDDB6D
#1155FF
#0033CC
#6888FC

Color names and codes

NameHEXRGBHSLCMYK
Sunflower#FFC512255, 197, 1845°, 100%, 54%0, 23, 93, 0
Hawkbit#FDDB6D253, 219, 10946°, 97%, 71%0, 13, 57, 1
Light Shōjin Blue#1155FF17, 85, 255223°, 100%, 53%93, 67, 0, 0
Sapphire Glitter#0033CC0, 51, 204225°, 100%, 40%100, 75, 0, 20
Punch Out Glove#6888FC104, 136, 252227°, 96%, 70%59, 46, 0, 1

Which pairs work for text

Text on backgroundContrastWCAG
Aa #FDDB6D on #0033CC6.62:1AA
Aa #FFC512 on #0033CC5.65:1AA
Aa #FDDB6D on #1155FF4.12:1AA large
Aa #FFC512 on #1155FF3.52:1AA large
Aa #0033CC on #6888FC2.78:1—
Aa #FDDB6D on #6888FC2.38:1—

CSS variables

:root {
  --color-1: #ffc512; /* Sunflower */
  --color-2: #fddb6d; /* Hawkbit */
  --color-3: #1155ff; /* Light Shōjin Blue */
  --color-4: #0033cc; /* Sapphire Glitter */
  --color-5: #6888fc; /* Punch Out Glove */
}

Other schemes from Sunflower

More Medium Yellow complementary palettes

Questions

What colors go with Sunflower?

In a complementary scheme: Hawkbit (#FDDB6D), Light Shōjin Blue (#1155FF), Sapphire Glitter (#0033CC), Punch Out Glove (#6888FC).

What is the hex code of Sunflower?

#FFC512.