Huebook

Sunflower Tetradic Color Scheme

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

#FFC512
#00FF55
#1155FF
#FC0FC0
#FFDD77

Color names and codes

NameHEXRGBHSLCMYK
Sunflower#FFC512255, 197, 1845°, 100%, 54%0, 23, 93, 0
Cathode Green#00FF550, 255, 85140°, 100%, 50%100, 0, 67, 0
Light Shōjin Blue#1155FF17, 85, 255223°, 100%, 53%93, 67, 0, 0
CGA Pink#FC0FC0252, 15, 192315°, 98%, 52%0, 94, 24, 1
Glossy Gold#FFDD77255, 221, 11945°, 100%, 73%0, 13, 53, 0

Which pairs work for text

Text on backgroundContrastWCAG
Aa #1155FF on #FFDD774.21:1AA large
Aa #00FF55 on #1155FF4.10:1AA large
Aa #FFC512 on #1155FF3.52:1AA large
Aa #FC0FC0 on #FFDD772.66:1—
Aa #00FF55 on #FC0FC02.59:1—
Aa #FFC512 on #FC0FC02.22:1—

CSS variables

:root {
  --color-1: #ffc512; /* Sunflower */
  --color-2: #00ff55; /* Cathode Green */
  --color-3: #1155ff; /* Light Shōjin Blue */
  --color-4: #fc0fc0; /* CGA Pink */
  --color-5: #ffdd77; /* Glossy Gold */
}

Other schemes from Sunflower

More Medium Yellow tetradic palettes

Questions

What colors go with Sunflower?

In a tetradic scheme: Cathode Green (#00FF55), Light Shōjin Blue (#1155FF), CGA Pink (#FC0FC0), Glossy Gold (#FFDD77).

What is the hex code of Sunflower?

#FFC512.