What color is Citrine?
Citrine is a bold, warm yellow with a slightly greenish tint, hex #E4D00A, close to the color of a ripe lemon. The tone has a dull, earthy quality that keeps it from reading as a pure or bright yellow.
What is the meaning of the color Citrine?
French borrowed the word citrine from the Latin citrina, meaning yellow, and applied it to the pale yellow quartz gemstone by the 14th century. The stone was traded extensively in Scotland during the 17th and 18th centuries, where it was set into Highland dress accessories such as sword handles and brooches. As a color name, citrine entered English use through gemology and later textile trade, where the yellow-green hue was used to describe dyed silk and wool. Pantone formalized the color in its commercial system, and the shade gained a modern anchor when Pantone named a close variant in its fashion color reports for the 2020s.
What colors go with Citrine?
Colors that pair well with Citrine include:
Navy blue: sharp, cool contrast
Burnt orange: warm tonal depth
Forest green: natural, earthy balance
Charcoal gray: grounded, muted anchor
Cream: soft, lightening effect
Similar Colors
Conversions & Codes
| Format | Value | CSS |
|---|---|---|
| HEX | #E4D00A |
color: #E4D00A;
|
| RGB | 228, 208, 10 |
color: rgb(228, 208, 10);
|
| RGB Percentage | 89%, 82%, 4% |
color: rgb(89%, 82%, 4%);
|
| CMYK | 0%, 9%, 96%, 11% | Not supported in CSS |
| HSL | 54°, 92%, 47% |
color: hsl(54, 92%, 47%);
|
| HSV | 54°, 96%, 89% | Not supported in CSS |
| CIE-LAB | 38, 4, 66 |
color: lab(38% 4 66);
|
| Decimal | 14995466 | Not supported in CSS |
Color Variations
Shades
Tints
Tones
Hues
Color Harmonies
Analogous
Complementary
Split Complementary
Triadic
Tetradic
Square
CSS & Dev Snippets
.citrine {
color: #E4D00A;
}
$citrine: #E4D00A;
rgb(228, 208, 10)