Persian Red

Meet Persian Red (#CC3333), a color that commands attention. Its striking saturation and inherent warmth make it a powerful choice for any design palette, bringing a focused energy to user interfaces without feeling overwhelming.

What color is Persian Red?

What is the meaning of Persian Red?

How do I use Persian Red (#CC3333) in UI design?

Using Persian Red color codes

Persian Red

#CC3333

Access our full UI & UX library today.

What color is Persian Red?

What is the meaning of Persian Red?

How do I use Persian Red (#CC3333) in UI design?

Using Persian Red color codes

Persian Red Code Conversions

HEX

#CC3333

LAB

46, 59, 37

RGB

204, 51, 51

XYZ

26.7, 15.4, 4.7

HSL

0°, 60%, 50%

LCH

46, 70, 32°

HSB

0°, 75%, 80%

LUV

46, 117, 25

CMYK

0, 75, 75, 20

CMYK

0, 75, 75, 20

HWB

0°, 20%, 20%

Persian Red Color Harmonies

Analogous

Sitting next to Persian Red on the color wheel, analogous colors produce a unified and tranquil palette, offering a sense of visual cohesion.

#CC3380

#CC3333

#CC8033

#CC3380

#CC3333

#CC8033

Complementary

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

#CC3333

#33CCCC

#CC3333

#33CCCC

Split Complementary

The split complementary palette for Persian Red takes its direct opposite's neighbors on the color wheel, creating a striking combination with less visual tension.

#CC3333

#33CC80

#3380CC

#CC3333

#33CC80

#3380CC

Triadic

A triadic color scheme for Persian Red involves two other colors equally spaced on the color wheel, creating a vibrant, high-contrast, and balanced palette.

#CC3333

#33CC33

#3333CC

#CC3333

#33CC33

#3333CC

Tetradic

A tetradic scheme for Persian Red uses two pairs of complementary colors, forming a rectangle on the color wheel for a vibrant, balanced palette.

#CC3333

#80CC33

#33CCCC

#8033CC

#CC3333

#80CC33

#33CCCC

#8033CC

Square

A square color scheme pairs Persian Red with three other equidistant colors on the color wheel, creating a vibrant and balanced high-contrast palette.

#CC3333

#80CC33

#33CCCC

#8033CC

#CC3333

#80CC33

#33CCCC

#8033CC

Persian Red Contrast Simulation

Text Color

#

Background Color

#

5.14

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

Good

Small Text
Pass
Large Text
Pass
Graphic Components
Pass

Persian Red Color Variations

Shades

By adding black, shades of Persian Red offer darker tones with more visual weight.

#CC3333

#AF2C2C

#922424

#751D1D

#571616

#3A0F0F

#1D0707

#000000

#CC3333

#AF2C2C

#922424

#751D1D

#571616

#3A0F0F

#1D0707

#000000

Tints

By mixing Persian Red with white, you create tints for a softer, airier feel.

#CC3333

#D35050

#DB6D6D

#E28A8A

#E9A8A8

#F0C5C5

#F8E2E2

#FFFFFF

#CC3333

#D35050

#DB6D6D

#E28A8A

#E9A8A8

#F0C5C5

#F8E2E2

#FFFFFF

Tones

Tones of Persian Red are created by adding gray, resulting in softer, desaturated variations.

#CC3333

#C13E3E

#B64949

#AB5454

#A15F5F

#966A6A

#8B7575

#808080

#CC3333

#C13E3E

#B64949

#AB5454

#A15F5F

#966A6A

#8B7575

#808080

Hues

Hues are variations of Persian Red that alter its intensity, creating different visual moods.

#CC3333

#CCA633

#80CC33

#33CC59

#33CCCC

#3359CC

#8033CC

#CC33A6

#CC3333

#CCA633

#80CC33

#33CC59

#33CCCC

#3359CC

#8033CC

#CC33A6

What Interfaces Use Colors Like Persian Red?

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