Citrine

#E4D00A

Color Information

Hex Code

#E4D00A

RGB

228, 208, 10

HSL

54°, 92%, 47%

CSS

#E4D00A

Name

Citrine

Color Tints

Lighter variations of Citrine

#E4D00A

#E7D523

10%

#E9D93B

20%

#ECDE54

30%

#EFE36C

40%

#F2E885

50%

#F4EC9D

60%

#F7F1B6

70%

#FAF6CE

80%

#FCFAE7

90%

#FFFFFF

100%

Color Shades

Darker variations of Citrine

#E4D00A

#CDBB09

10%

#B6A608

20%

#A09207

30%

#897D06

40%

#726805

50%

#5B5304

60%

#443E03

70%

#2E2A02

80%

#171501

90%

#000000

100%

Related Colors

Complementary Color

#0A20E6

Opposite on color wheel

Split-Complementary Colors

#0A8EE6, #620AE6

Adjacent to complementary color

Analogous Colors

#E6620A, #8EE60A

Adjacent colors on color wheel (30° apart)

Triadic Colors

#0AE6D0, #D00AE6

Three colors equally spaced (120° apart)

Tetradic Colors

#20E60A, #0A20E6, #D00AE6

Rectangle on color wheel (90° apart)

Square Colors

#0AE662, #0A20E6, #E60A8E

Four colors equally spaced (90° apart)

Monochromatic Variations

#FCF6BF, #F8E95D, #847806, #221F01

Same hue, different lightness/saturation

Aesthetic Color Palettes

Beautiful 5-color palettes featuring Citrine. Each palette is designed for harmonious color combinations.

Analogous + Complementary

#E4D00A

#E62B0A

#57E60A

#0A20E6

#620AE6

A harmonious blend of analogous colors with complementary accents for balanced contrast.

Triadic + Accent

#E4D00A

#0AE6D0

#D00AE6

#6DF85D

#840612

Bold triadic colors with lighter and darker accent variations for dynamic contrast.

Monochromatic + Split Complementary

#E4D00A

#F9EC76

#6C6104

#0A8EE6

#620AE6

Sophisticated monochromatic variations paired with split complementary colors for elegant contrast.

Interactive Color Picker

Click and drag on the color picker to explore different colors. The preview area will update in real-time.

Hue

Saturation & Lightness

Current Color

#E4D00A

RGB Values

228, 208, 10

HSL Values

54°, 92%, 47%