Citrine Color Code: HEX Code & RGB Code Values

Looking for specific citrine color code? Get exact citrine hex code #E4D00A and citrine RGB code rgb(228,208,10). Complete color information for design and development projects featuring this gemstone-inspired, golden color.

HEX#E4D00A

RGBrgb(228,208,10)

Shades of Citrine

Create custom shades of citrine with our color generator. Adjust hues, tints, and tones to find the perfect shade of citrine for your project.

Color Picker

🎨

HEX Color Value

Pick from Image

Shades (Adding Black)

• E4D00A

  rgb(228, 208, 10)
• BAAA15

  rgb(186, 170, 21)
• 938519

  rgb(147, 133, 25)
• 6D6218

  rgb(109, 98, 24)
• 494215

  rgb(73, 66, 21)
• 27230F

  rgb(39, 35, 15)
• 000000

  rgb(0, 0, 0)

Tints (Adding White)

• E4D00A

  rgb(228, 208, 10)
• ECD74C

  rgb(236, 215, 76)
• F3DF73

  rgb(243, 223, 115)
• F9E797

  rgb(249, 231, 151)
• FCEFBA

  rgb(252, 239, 186)
• FFF7DC

  rgb(255, 247, 220)
• FFFFFF

  rgb(255, 255, 255)

Tones (Adding Gray)

• E4D00A

  rgb(228, 208, 10)
• E4D038

  rgb(228, 208, 56)
• E3CF58

  rgb(227, 207, 88)
• E0CF75

  rgb(224, 207, 117)
• DDCE92

  rgb(221, 206, 146)
• D7CEB0

  rgb(215, 206, 176)
• 808080

  rgb(128, 128, 128)

Citrine Palette

Explore curated and automatically generated color palettes featuring citrine. See how it harmonizes with other colors for UI themes, graphics, and branding materials.

Color Picker

🎨

HEX Color Value

Sequential

Single hue gradient for data visualization

7 colors

Lightest

#FDF7B7

Light

#F7E989

Medium Light

#EFDD58

Medium

#E4D00A

Medium Dark

#9C8F17

Dark

#5A5315

Darkest

#201E0A

Diverging

Dual hue gradient with a neutral midpoint

9 colors

Base End

#E4D00A

Left Dark

#EDD95E

Left Medium

#F3E292

Left Light

#F6EBC4

Neutral

#F5F5F5

Right Light

#D0BEF3

Right Medium

#A789EF

Right Dark

#7455EA

Complementary End

#0A1EE4

Monochromatic

Same hue, different brightness/saturation

5 colors

Lightest

#FFFFFF

Light

#F9E797

Medium

#E4D00A

Dark

#6B6400

Darkest

#000000

Analogous

Colors adjacent on the color wheel (30° apart)

5 colors

Left Adjacent 2

#E40A1E

Left Adjacent 1

#E4630A

Main

#E4D00A

Right Adjacent 1

#8BE40A

Right Adjacent 2

#1EE40A

Complementary

Colors opposite on the color wheel (180° apart)

2 colors

Main

#E4D00A

Complementary

#0A1EE4

Triadic

Evenly spaced around the color wheel (120° apart)

3 colors

Main

#E4D00A

Secondary

#0AE4D0

Tertiary

#D00AE4

Square

Four colors evenly spaced (90° apart)

4 colors

Main

#E4D00A

Right 90°

#0AE463

Complementary

#0A1EE4

Left 90°

#E40A8B

Tetradic

Two pairs of complementary colors

4 colors

Main

#E4D00A

Secondary

#1EE40A

Complementary

#0A1EE4

Complementary Secondary

#D00AE4

Split Complementary

Complementary colors ±30°

3 colors

Main

#E4D00A

Split Left

#0A8BE4

Split Right

#630AE4

Cyclic

Circular gradient for periodic data

8 colors

0°

#E4D00A

45°

#54E40A

90°

#0AE463

135°

#0AC1E4

180°

#0A1EE4

225°

#9A0AE4

270°

#E40A8B

315°

#E42D0A

Pastel

Soft, desaturated colors for modern UI

6 colors

Light Pastel

#C8C49D

Pastel 1

#CFCCAA

Pastel 2

#D6D3B7

Pastel 3

#DEDBC4

Pastel 4

#E5E3D1

Deep Pastel

#EDEBDE

Common Yellow Color Codes (HEX & RGB)

Shades of Gold →

HEX:#FFD700

RGB:rgb(255, 215, 0)

Yellow →

HEX:#FFFF00

RGB:rgb(255, 255, 0)

Light Yellow →

HEX:#FFFFE0

RGB:rgb(255, 255, 224)

Gold →

HEX:#FFD700

RGB:rgb(255, 215, 0)

Metallic Gold →

HEX:#B8860B

RGB:rgb(184, 134, 11)

Extract Citrine Hex & RGB Codes from Image

Upload a photo to find the exact citrine HEX and RGB codes.

click or drag your image here

Supported formats: JPG, PNG, WebP

Citrine Color Code Converter

Instantly convert between HEX, RGB, CMYK, and more for citrine shades.

Color Picker

🎨

HEX Color Value

All Formats:

• HEX:
  #E4D00A
• RGB:
  rgb(228, 208, 10)
• CMYK:
  cmyk(0%, 9%, 96%, 11%)
• HSV:
  hsv(54°, 96%, 89%)
• HSL:
  hsl(54°, 92%, 47%)

---

What is Citrine?

Citrine is a golden-yellow color named after the citrine gemstone, a variety of quartz. The name comes from the French citron, meaning "lemon." Citrine gemstones range in color from pale yellow to deep amber, with the most prized specimens having a rich golden hue.

Citrine is often called the "merchant's stone" because it's believed to bring prosperity and success. It's also associated with joy, positivity, and creativity. The color citrine captures the warm, golden glow of the gemstone.

The hex code for citrine is #E4D00A, with RGB values of rgb(228, 208, 10). This combination creates a warm, golden yellow that feels luxurious and inviting.

Citrine vs Similar Colors

Citrine sits among other golden yellows:

Color	HEX Code	Key Difference
Citrine	#E4D00A	Golden-yellow
Gold	#FFD700	Brighter, more red
Amber	#FFBF00	Orange-leaning
Yellow	#FFFF00	Pure yellow

Citrine is darker and richer than pure yellow, warmer than gold, and less orange than amber.

Using Citrine in Design

Citrine's golden quality makes it versatile:

Web and UI Design: Citrine works well for luxury brands, financial services, and creative platforms. It creates warm, inviting interfaces. Pair with cream or dark brown for sophisticated designs.

Graphic Design: Citrine is ideal for premium packaging, jewelry branding, and celebratory materials. It pairs beautifully with deep purple, emerald green, and warm neutrals.

Fashion and Interiors: A popular color for jewelry, accessories, and home decor. In interiors, citrine adds warmth as an accent or statement piece.

Color Psychology and Meaning

Citrine carries positive associations:

• Joy and positivity: Evokes feelings of happiness and optimism
• Prosperity and abundance: Associated with wealth and success
• Creativity and inspiration: Stimulates creative thinking
• Warmth and comfort: Creates a cozy, inviting atmosphere

Frequently Asked Questions

What is the citrine hex code?

The citrine hex code is #E4D00A. This golden-yellow is widely used in design.

What colors go well with citrine?

Citrine pairs beautifully with deep purple, emerald green, cream, and dark brown.

Is citrine the same as gold?

No. Citrine (#E4D00A) is darker and has less red than traditional gold (#FFD700).

What are the RGB values for citrine?

The citrine RGB code is rgb(228, 208, 10).

Why is citrine associated with prosperity?

Citrine is known as the "merchant's stone" in crystal healing, believed to attract wealth and success.