Tropical Rainforest

Meet Tropical Rainforest (#007A73), a deep teal that balances vibrancy with sophistication. Its rich saturation and cool undertones give it a unique character, making it a compelling choice for modern digital interfaces. It's a color that commands attention without being overpowering.

What color is Tropical Rainforest?

What is the meaning of Tropical Rainforest?

How do I use Tropical Rainforest (#007A73) in UI design?

Using Tropical Rainforest color codes

Tropical Rainforest

#007A73

Access our full UI & UX library today.

What color is Tropical Rainforest?

What is the meaning of Tropical Rainforest?

How do I use Tropical Rainforest (#007A73) in UI design?

Using Tropical Rainforest color codes

Tropical Rainforest Code Conversions

HEX

#007A73

LAB

46, -30, -4

RGB

0, 122, 115

XYZ

10.1, 15.2, 18.6

HSL

177°, 100%, 24%

LCH

46, 30, 188°

HSB

177°, 100%, 48%

LUV

46, -36, -2

CMYK

100, 0, 6, 52

CMYK

100, 0, 6, 52

HWB

177°, 0%, 52%

Tropical Rainforest Color Harmonies

Analogous

Analogous colors for Tropical Rainforest are its neighbors on the color wheel. This combination creates a harmonious and tranquil visual experience for any design.

#007A36

#007A73

#00447A

#007A36

#007A73

#00447A

Complementary

Complementary colors sit opposite each other on the color wheel. When paired with Tropical Rainforest, they create a striking, high-contrast visual effect.

#007A73

#7A0007

#007A73

#7A0007

Split Complementary

A split complementary palette pairs Tropical Rainforest with the two colors adjacent to its complement, creating high contrast with less visual tension.

#007A73

#7A0044

#7A3600

#007A73

#7A0044

#7A3600

Triadic

A triadic scheme pairs Tropical Rainforest with two other colors, forming an equilateral triangle on the color wheel for a bold, harmonious effect.

#007A73

#73007A

#7A7300

#007A73

#73007A

#7A7300

Tetradic

Tetradic palettes pair Tropical Rainforest with its complement, plus another complementary duo, creating a rich and balanced four-color scheme for vibrant designs.

#007A73

#36007A

#7A0007

#447A00

#007A73

#36007A

#7A0007

#447A00

Square

Forming a square on the color wheel, this scheme pairs Tropical Rainforest with three other equidistant hues for a rich, contrasting effect.

#007A73

#36007A

#7A0007

#447A00

#007A73

#36007A

#7A0007

#447A00

Tropical Rainforest Contrast Simulation

Text Color

#

Background Color

#

5.21

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.21

Good

Small Text
Pass
Large Text
Pass
Graphic Components
Pass

Tropical Rainforest Color Variations

Shades

By adding black to Tropical Rainforest, you create its shades for a heavier, deeper appearance.

#007A73

#006963

#005752

#004642

#003431

#002321

#001110

#000000

#007A73

#006963

#005752

#004642

#003431

#002321

#001110

#000000

Tints

Tints are lighter versions of Tropical Rainforest, created by adding white for a softer feel.

#007A73

#248D87

#49A09B

#6DB3AF

#92C6C3

#B6D9D7

#DBECEB

#FFFFFF

#007A73

#248D87

#49A09B

#6DB3AF

#92C6C3

#B6D9D7

#DBECEB

#FFFFFF

Tones

Tones of Tropical Rainforest are created by adding gray, producing softer, more understated variations.

#007A73

#127B75

#257C77

#377D79

#497D7A

#5B7E7C

#6E7F7E

#808080

#007A73

#127B75

#257C77

#377D79

#497D7A

#5B7E7C

#6E7F7E

#808080

Hues

Hues are variations of Tropical Rainforest (#007A73) that alter its intensity and temperature.

#007A73

#00267A

#36007A

#7A0063

#7A0007

#7A5400

#447A00

#007A17

#007A73

#00267A

#36007A

#7A0063

#7A0007

#7A5400

#447A00

#007A17

What Interfaces Use Colors Like Tropical Rainforest?

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