Citrine
Meet Citrine (#E4D00A), a brilliant yellow that commands attention. Its striking quality comes from a unique balance between the warmth of gold and the sharp intensity of a true yellow, giving it a distinct, luminous presence on any palette without being overpowering.
Citrine Code Conversions
HEX
#E4D00A
LAB
83, -10, 82
RGB
228, 208, 10
XYZ
54.6, 61.6, 9.3
HSL
54°, 92%, 47%
LCH
83, 83, 97°
HSB
54°, 96%, 89%
LUV
83, 21, 89
HWB
54°, 4%, 11%
Citrine Color Harmonies
Analogous
Analogous colors sit next to each other on the color wheel. When paired with Citrine, they produce a cohesive and tranquil design scheme.
Complementary
To find Citrine's complementary colors, look directly across the color wheel. These opposing shades create a vibrant, energetic pairing with maximum visual pop.
Split Complementary
A split complementary scheme for Citrine uses the two colors bordering its direct complement, creating a vibrant yet balanced palette with less tension.
Triadic
A triadic scheme pairs Citrine with two other equidistant colors on the wheel, creating a vibrant palette with bold, balanced contrast.
Tetradic
Tetradic schemes pair Citrine with its complement, plus another complementary pair. This rectangular arrangement on the color wheel offers a vibrant, four-color combination.
Square
A square color scheme with Citrine uses four evenly spaced colors on the wheel, creating a vibrant, high-contrast palette with two complementary pairs.
Citrine Contrast Simulation
Citrine Color Variations
Shades
Shades are darker versions of Citrine, made by adding black for more depth and weight.
Tints
Tints are lighter versions of Citrine, created by adding white to produce a softer feel.
Tones
Tones are muted versions of Citrine, created by adding gray to soften its saturation.
Hues
Hues are variations of Citrine's base color, differing in intensity or temperature to create distinct moods.
What Interfaces Use Colors Like Citrine?
