Color Palettes

Citrine color

A golden, slightly greenish yellow named after the citrine gemstone, the birthstone for November. It brings warmth to jewelry, fall outfits and accent pillows.

Also known as: Citrine yellow.

Open in editor

The hex code for citrine is #E4D00A. In RGB it is rgb(228, 208, 10), in HSL hsl(54, 92%, 47%) and in CMYK 0, 9, 96, 11.

See it in real life

Pick a color to pair it with and see how it looks on clothes, interiors and design.

Colors similar to citrine

Dandelion#F0E130Banana yellow#FFE135Golden yellow#FFDF00School bus yellow#FFD800Gold#FFD700Bright yellow#FFEA00

About citrine

Citrine (#E4D00A) is a warm, mid-tone, highly saturated color. It belongs to the yellows family. It mixes 228 red, 208 green and 10 blue (out of 255). It is mostly used in jewelry, fashion, home decor.

Swatch of Citrine with its shades from light to dark · #E4D00A
Citrine · #E4D00A

Citrine shades and tints

From lightest to darkest. Tap a shade to copy its code.

See all its shades: Color shades generator

Outfit colors by season and style80 palettes for men and women, each with 8 outfits to copy: quiet luxury, beach, mountain, office and more.See outfit palettes

Citrine color harmonies

Combinations based on the color wheel. More in the color harmony tool.

ComplementaryClose to: Blue
AnalogousClose to: Clementine, Kiwi green
TriadicClose to: Turquoise, Magenta
Split complementaryClose to: Bright blue, Violet
TetradicClose to: Malachite, Blue, Barbie pink

Citrine color palettes

Copy the codes or open a palette in the editor to tweak it.

Monochromatic palette · Citrine
Analogous palette · Citrine
Complementary palette · Citrine
Triadic palette · Citrine
With neutrals palette · Citrine
With an accent palette · Citrine

Citrine contrast with text

White textContrast 1.6:1 · Not recommended
Black textContrast 13.3:1 · AAA

Based on WCAG 2.1 guidelines. Test other pairs in the contrast checker.

CSS code

:root {
  --citrine: #E4D00A;
  --citrine-rgb: 228, 208, 10;
}
.bg { background-color: var(--citrine); }
.text { color: var(--citrine); }

Colors similar to citrine

MaizeCanary yellowSaffronCorn yellow

More yellows

YellowGoldOld goldMustard yellowLemon yellowAmberWheatHoneyCanary yellowSaffronChampagnePastel yellowFluorescent yellowCorn yellowSunflower yellowGoldenrodDark goldenrodButter yellowMarigoldMaizeBanana yellowMellow yellowGolden yellowMetallic gold
Swatch of Citrine with its shades from light to dark · #E4D00A
Swatch of Citrine with its shades from light to dark · #E4D00A

Try this next

Name color paletteType a name and get your own color story paletteSelfie color analysisFind your season and best colors from one photoWhat color is your voice?Speak for 5 seconds and turn your voice into a color
See all free tools →

Frequently asked questions

What is the hex code for citrine?

The hex code for citrine is #E4D00A. In RGB it is rgb(228, 208, 10), in HSL hsl(54, 92%, 47%) and in CMYK 0, 9, 96, 11.

What is the complementary color of citrine?

Its complement on the color wheel is #0A1EE4, close to blue. Used in small doses, it works as an accent and adds strong contrast.

Can you use white text on citrine?

Use black text instead: the contrast with white is only 1.6:1, while with black it is 13.3:1.