Peridot

Meet Peridot (#E6E200), a color that commands attention with its intense, near-fluorescent quality. Sitting on the electrifying edge between yellow and green, its striking vibrancy offers a jolt of pure, saturated energy for any designer’s palette.

What color is Peridot?

What is the meaning of Peridot?

How do I use Peridot (#E6E200) in UI design?

Using Peridot color codes

Peridot

#E6E200

Access our full UI & UX library today.

What color is Peridot?

What is the meaning of Peridot?

How do I use Peridot (#E6E200) in UI design?

Using Peridot color codes

Peridot Code Conversions

HEX

#E6E200

LAB

88, -18, 87

RGB

230, 226, 0

XYZ

59.8, 71.2, 10.6

HSL

59°, 100%, 45%

LCH

88, 88, 102°

HSB

59°, 100%, 90%

LUV

88, 10, 96

CMYK

0, 2, 100, 10

CMYK

0, 2, 100, 10

HWB

59°, 0%, 10%

Peridot Color Harmonies

Analogous

Built from colors next to Peridot on the color wheel, analogous schemes offer a visually harmonious and calming effect, perfect for serene user interfaces.

#E66F00

#E6E200

#77E600

#E66F00

#E6E200

#77E600

Complementary

Complementary colors sit opposite each other on the color wheel. Pairing Peridot with its complement creates a striking, high-contrast visual effect.

#E6E200

#0004E6

#E6E200

#0004E6

Split Complementary

For a high-contrast yet balanced palette, Peridot's split complementary scheme pairs it with the two colors adjacent to its direct complement.

#E6E200

#0077E6

#6F00E6

#E6E200

#0077E6

#6F00E6

Triadic

Triadic color schemes use three hues equally spaced on the color wheel. With Peridot as the base, this creates a vibrant, high-contrast palette.

#E6E200

#00E6E2

#E200E6

#E6E200

#00E6E2

#E200E6

Tetradic

Forming a rectangle on the color wheel, a tetradic scheme for Peridot involves two pairs of complementary colors, offering a bold and versatile palette.

#E6E200

#00E66F

#0004E6

#E60077

#E6E200

#00E66F

#0004E6

#E60077

Square

Based on Peridot, a square color scheme features four colors equidistant on the color wheel, offering a balanced yet highly contrasting and lively combination.

#E6E200

#00E66F

#0004E6

#E60077

#E6E200

#00E66F

#0004E6

#E60077

Peridot Contrast Simulation

Text Color

#

Background Color

#

15.24

Super

Small Text
Pass
Large Text
Pass
Graphic Components
Pass

Your Catchy Large Text Goes Here

A high contrast makes anything easier to read, especially small text.

Text Color

#

Background Color

#

Your Catchy Large Text Goes Here

A high contrast makes anything easier to read, especially small text.

15.24

Super

Small Text
Pass
Large Text
Pass
Graphic Components
Pass

Peridot Color Variations

Shades

Shades of Peridot are created by mixing in black, producing darker tones that add depth.

#E6E200

#C5C200

#A4A100

#838100

#636100

#424100

#212000

#000000

#E6E200

#C5C200

#A4A100

#838100

#636100

#424100

#212000

#000000

Tints

Tints are lighter variations of Peridot, created by adding white to soften the hue.

#E6E200

#EAE624

#EDEA49

#F1EE6D

#F4F392

#F8F7B6

#FBFBDB

#FFFFFF

#E6E200

#EAE624

#EDEA49

#F1EE6D

#F4F392

#F8F7B6

#FBFBDB

#FFFFFF

Tones

Tones are muted versions of Peridot, created by adding gray to soften its saturation.

#E6E200

#D7D412

#C9C625

#BAB837

#ACAA49

#9D9C5B

#8F8E6E

#808080

#E6E200

#D7D412

#C9C625

#BAB837

#ACAA49

#9D9C5B

#8F8E6E

#808080

Hues

Hues are variations of Peridot that differ in intensity, creating warmer or cooler tones.

#E6E200

#3DE600

#00E66F

#00B0E6

#0004E6

#A900E6

#E60077

#E63600

#E6E200

#3DE600

#00E66F

#00B0E6

#0004E6

#A900E6

#E60077

#E63600

What Interfaces Use Colors Like Peridot?

Never run out of
inspiration again.

Use Mobbin for free as long as you like or get full access
with any of our paid plans.

  • Coinbase

  • Wise

  • Headspace

  • Airbnb

  • Uber

  • Nike

  • Pinterest

  • ChatGPT

  • Shopify

  • Loom

  • Creme

  • Mailchimp

  • Twitch

  • Spotify

  • Apple TV

  • Shop

  • Cosmos

  • Retro

  • Notion

  • Dropbox

Never run out of
inspiration again.

Use Mobbin for free as long as you like or get full access
with any of our paid plans.

  • Coinbase

  • Wise

  • Headspace

  • Airbnb

  • Uber

  • Nike

  • Pinterest

  • ChatGPT

  • Shopify

  • Loom

  • Creme

  • Mailchimp

  • Twitch

  • Spotify

  • Apple TV

  • Shop

  • Cosmos

  • Retro

  • Notion

  • Dropbox

Never run out of
inspiration again.

Use Mobbin for free as long as you like or get full access with any of our paid plans.

  • Coinbase

  • Wise

  • Headspace

  • Airbnb

  • Uber

  • Nike

  • Pinterest

  • ChatGPT

  • Shopify

  • Loom

  • Creme

  • Mailchimp

  • Twitch

  • Spotify

  • Apple TV

  • Shop

  • Cosmos

  • Retro

  • Notion

  • Dropbox