Maize

#FBEC5D

What color is Maize?

Maize is a bright, warm yellow with a slightly golden tone, hex #FBEC5D, close to the color of dried corn kernels. It is lighter than gold but richer than a pale lemon yellow.

What is the meaning of the color Maize?

Named directly for the corn plant, maize entered English as a color term in the mid-19th century, following the widespread use of the word for the crop itself across the Americas and Europe. The color gained institutional footing when the University of Michigan adopted maize and blue as its official colors in 1867, one of the earliest recorded uses of the name for a specific shade in an academic context. That pairing became one of the most recognized color combinations in American collegiate identity and fixed maize as a distinct, named yellow in everyday use.

RGB
251, 236, 93
HSL
54°, 95%, 67%
CMYK
0, 6, 63, 2
HSV
54°, 63%, 98%
Maize color

What colors go with Maize?

Colors that pair well with Maize include:
Navy Blue: strong, classic contrast
Burnt Orange: warm, harvest depth
Forest Green: grounded, natural balance
White: clean, open brightness
Chocolate Brown: rich, earthy anchor

Similar Colors

Conversions & Codes

Format Value CSS
HEX #FBEC5D color: #FBEC5D;
RGB 251, 236, 93 color: rgb(251, 236, 93);
RGB Percentage 98%, 93%, 36% color: rgb(98%, 93%, 36%);
CMYK 0%, 6%, 63%, 2% Not supported in CSS
HSL 54°, 95%, 67% color: hsl(54, 95%, 67%);
HSV 54°, 63%, 98% Not supported in CSS
CIE-LAB 54, 3, 48 color: lab(54% 3 48);
Decimal 16510045 Not supported in CSS

Color Variations

Shades

#FBEB5B
#FAE73A
#F9E318
#E9D206
#C8B405
#A79604
#857803
#645A03

Tints

#FEF9CE
#FDF7BD
#FDF5AD
#FCF39D
#FCF18C
#FCEF7C
#FBED6B
#FBEB5B

Tones

#FBEB5B
#F3E463
#EBDE6B
#E3D873
#DBD17B
#D3CB83
#CBC48B
#C3BE93

Hues

#FBEB5B
#93FB5B
#5BFB9B
#5BE3FB
#5B6BFB
#C35BFB
#FB5BBB
#FB735B

Color Harmonies

Analogous

#FB9B5B
Click to copy
#FBEC5D
Click to copy
100%
#BBFB5B
Click to copy

Complementary

#FBEC5D
Click to copy
100%
#5B6BFB
Click to copy

Split Complementary

#FBEC5D
Click to copy
100%
#5BBBFB
Click to copy
#9B5BFB
Click to copy

Triadic

#FBEC5D
Click to copy
100%
#5BFBEB
Click to copy
98%
#EB5BFB
Click to copy

Tetradic

#FBEC5D
Click to copy
100%
#5BFB9B
Click to copy
#5B6BFB
Click to copy
#FB5BBB
Click to copy

Square

#FBEC5D
Click to copy
100%
#5BFB9B
Click to copy
#5B6BFB
Click to copy
#FB5BBB
Click to copy

CSS & Dev Snippets

CSS
.maize {
  color: #FBEC5D;
}
SCSS
$maize: #FBEC5D;
RGB
rgb(251, 236, 93)

Accessibility & Contrast

White background

1.22:1
1.22
contrast ratio on a white background
Element
AA
AAA
Small text
Large text
UI element

Black background

17.26:1
17.26
contrast ratio on a black background
Element
AA
AAA
Small text
Large text
UI element

Popular Tags