Yellow-Bellied Triadic Color Scheme

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

#FFEE33

#33FFFF

#FF33FF

#FFF39A

#00E6D3

Color names and codes

Name	HEX	RGB	HSL	CMYK
Yellow-Bellied	`#FFEE33`	255, 238, 51	55°, 100%, 60%	0, 7, 80, 0
Beaming Blue	`#33FFFF`	51, 255, 255	180°, 100%, 60%	80, 0, 0, 0
Pink Overflow	`#FF33FF`	255, 51, 255	300°, 100%, 60%	0, 80, 0, 0
Goldilocks	`#FFF39A`	255, 243, 154	53°, 100%, 80%	0, 5, 40, 0
MoS₂ Cyan	`#00E6D3`	0, 230, 211	175°, 100%, 45%	100, 0, 8, 10

Which pairs work for text

Text on background	Contrast	WCAG
Aa #FF33FF on #FFF39A	2.59:1	—
Aa #FFEE33 on #FF33FF	2.45:1	—
Aa #33FFFF on #FF33FF	2.36:1	—
Aa #FF33FF on #00E6D3	1.85:1	—
Aa #FFF39A on #00E6D3	1.40:1	—
Aa #FFEE33 on #00E6D3	1.32:1	—

CSS variables

:root {
  --color-1: #ffee33; /* Yellow-Bellied */
  --color-2: #33ffff; /* Beaming Blue */
  --color-3: #ff33ff; /* Pink Overflow */
  --color-4: #fff39a; /* Goldilocks */
  --color-5: #00e6d3; /* MoS₂ Cyan */
}

Other schemes from Yellow-Bellied

#FFEE33
#FFF08C
#2D47FF
#0011EE
#99AAFF
Yellow-Bellied Complementary Color Scheme
#FF3344
#FF8833
#FFEE33
#AAFF32
#55FF33
Yellow-Bellied Analogous Color Scheme
#FFEE33
#30A9FF
#9437FF
#EED202
#82CAFC
Yellow-Bellied Split-complementary Color Scheme
#FFEE33
#2AF589
#2D47FF
#FE28A2
#FFF39A
Yellow-Bellied Tetradic Color Scheme
#988E01
#EED202
#FFEE33
#FFED80
#FFFACD
Yellow-Bellied Monochromatic Color Scheme

More Light Yellow triadic palettes

Questions

What colors go with Yellow-Bellied?

In a triadic scheme: Beaming Blue (#33FFFF), Pink Overflow (#FF33FF), Goldilocks (#FFF39A), MoS₂ Cyan (#00E6D3).

What is the hex code of Yellow-Bellied?

#FFEE33.