Huebook

Yellow Mellow Triadic Color Scheme

Five colors arranged by the triadic rule around Yellow Mellow (#F0D31E), each snapped to its nearest named color.

#F0D31E
#13EAC9
#D91FFF
#F8E47E
#00B89F

Color names and codes

NameHEXRGBHSLCMYKOKLCH
Yellow Mellow#F0D31E240, 211, 3052°, 88%, 53%0, 12, 88, 686.5% 0.174 99
Fake Jade#13EAC919, 234, 201171°, 85%, 50%92, 0, 14, 883.9% 0.153 177
Afterlife#D91FFF217, 31, 255290°, 100%, 56%15, 88, 0, 065.3% 0.301 319
Yellow Dragon#F8E47E248, 228, 12650°, 90%, 73%0, 8, 49, 391.4% 0.125 98
Aare River#00B89F0, 184, 159172°, 100%, 36%100, 0, 14, 2870.0% 0.129 178

Which pairs work for text

Text on backgroundContrastWCAG
Aa #D91FFF on #F8E47E2.93:1—
Aa #F0D31E on #D91FFF2.51:1—
Aa #13EAC9 on #D91FFF2.44:1—
Aa #F8E47E on #00B89F1.96:1—
Aa #F0D31E on #00B89F1.68:1—
Aa #13EAC9 on #00B89F1.63:1—

CSS variables

:root {
  --color-1: #f0d31e; /* Yellow Mellow */
  --color-2: #13eac9; /* Fake Jade */
  --color-3: #d91fff; /* Afterlife */
  --color-4: #f8e47e; /* Yellow Dragon */
  --color-5: #00b89f; /* Aare River */
}

Other schemes from Yellow Mellow

More medium yellow triadic color schemes

Questions

What colors go with Yellow Mellow?

In a triadic scheme: Fake Jade (#13EAC9), Afterlife (#D91FFF), Yellow Dragon (#F8E47E), Aare River (#00B89F).

What is the hex code of Yellow Mellow?

#F0D31E.