Generic Viridian

Meet Generic Viridian (#00756A), a deep green-teal that commands attention without being overpowering. Its striking quality lies in a perfect balance between the coolness of blue and the organic feel of green, creating a hue that is both rich and remarkably clear on screen.

What color is Generic Viridian?

What is the meaning of Generic Viridian?

How do I use Generic Viridian (#00756A) in UI design?

Using Generic Viridian color codes

Generic Viridian

#00756A

Access our full UI & UX library today.

What color is Generic Viridian?

What is the meaning of Generic Viridian?

How do I use Generic Viridian (#00756A) in UI design?

Using Generic Viridian color codes

Generic Viridian Code Conversions

HEX

#00756A

LAB

44, -31, -2

RGB

0, 117, 106

XYZ

9.0, 13.8, 15.8

HSL

174°, 100%, 23%

LCH

44, 31, 184°

HSB

174°, 100%, 46%

LUV

44, -35, 2

CMYK

100, 0, 9, 54

CMYK

100, 0, 9, 54

HWB

174°, 0%, 54%

Generic Viridian Color Harmonies

Analogous

An analogous color scheme uses hues adjacent to Generic Viridian on the color wheel, producing a naturally calm and cohesive visual experience.

#007530

#00756A

#004575

#007530

#00756A

#004575

Complementary

Complementary colors are opposites on the color wheel. When paired with Generic Viridian, they create a high-contrast and visually stimulating effect.

#00756A

#75000B

#00756A

#75000B

Split Complementary

Split complementary schemes offer high contrast with more nuance, pairing Generic Viridian with the two colors neighboring its direct complement.

#00756A

#750045

#753000

#00756A

#750045

#753000

Triadic

A triadic scheme pairs Generic Viridian with two other colors, equally spaced on the color wheel, for a vibrant and balanced high-contrast palette.

#00756A

#6A0075

#756A00

#00756A

#6A0075

#756A00

Tetradic

Tetradic color schemes are built from two complementary color pairs. The swatches below show how Generic Viridian works within this rich, four-color harmony.

#00756A

#300075

#75000B

#457500

#00756A

#300075

#75000B

#457500

Square

A square scheme pairs four colors evenly spaced on the color wheel. The result is a high-contrast, lively palette that offers rich visual variety.

#00756A

#300075

#75000B

#457500

#00756A

#300075

#75000B

#457500

Generic Viridian Contrast Simulation

Text Color

#

Background Color

#

5.60

Good

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.

5.60

Good

Small Text
Pass
Large Text
Pass
Graphic Components
Pass

Generic Viridian Color Variations

Shades

By adding black to Generic Viridian, you create shades that add depth and visual weight.

#00756A

#00645B

#00544C

#00433D

#00322D

#00211E

#00110F

#000000

#00756A

#00645B

#00544C

#00433D

#00322D

#00211E

#00110F

#000000

Tints

Tints are lighter versions of Generic Viridian, created by adding white for a softer feel.

#00756A

#24897F

#499C95

#6DB0AA

#92C4BF

#B6D8D4

#DBEBEA

#FFFFFF

#00756A

#24897F

#499C95

#6DB0AA

#92C4BF

#B6D8D4

#DBEBEA

#FFFFFF

Tones

Tones of Generic Viridian are created by adding gray, which softens the color’s saturation.

#00756A

#12776D

#257870

#377A73

#497B77

#5B7D7A

#6E7E7D

#808080

#00756A

#12776D

#257870

#377A73

#497B77

#5B7D7A

#6E7E7D

#808080

Hues

Hues are variations of Generic Viridian, differing in intensity or temperature to create distinct moods.

#00756A

#002875

#300075

#750063

#75000B

#754D00

#457500

#007512

#00756A

#002875

#300075

#750063

#75000B

#754D00

#457500

#007512

What Interfaces Use Colors Like Generic Viridian?

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