Huebook

Oriole Tetradic Color Scheme

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

#FF8008
#08FF08
#0088FF
#FF09FF
#FFB16D

Color names and codes

NameHEXRGBHSLCMYK
Oriole#FF8008255, 128, 829°, 100%, 52%0, 50, 97, 0
Fluorescent Green#08FF088, 255, 8120°, 100%, 52%97, 0, 97, 0
Too Blue to Be True#0088FF0, 136, 255208°, 100%, 50%100, 47, 0, 0
Rainbow’s Inner Rim#FF09FF255, 9, 255300°, 100%, 52%0, 96, 0, 0
Apricot#FFB16D255, 177, 10928°, 100%, 71%0, 31, 57, 0

Which pairs work for text

Text on backgroundContrastWCAG
Aa #08FF08 on #0088FF2.57:1—
Aa #08FF08 on #FF09FF2.27:1—
Aa #0088FF on #FFB16D1.97:1—
Aa #FF8008 on #08FF081.84:1—
Aa #FF09FF on #FFB16D1.75:1—
Aa #FF8008 on #FFB16D1.41:1—

CSS variables

:root {
  --color-1: #ff8008; /* Oriole */
  --color-2: #08ff08; /* Fluorescent Green */
  --color-3: #0088ff; /* Too Blue to Be True */
  --color-4: #ff09ff; /* Rainbow’s Inner Rim */
  --color-5: #ffb16d; /* Apricot */
}

Other schemes from Oriole

More Medium Orange tetradic palettes

Questions

What colors go with Oriole?

In a tetradic scheme: Fluorescent Green (#08FF08), Too Blue to Be True (#0088FF), Rainbow’s Inner Rim (#FF09FF), Apricot (#FFB16D).

What is the hex code of Oriole?

#FF8008.