Sinopia

Meet Sinopia (#CB410B), a vibrant, earthy red with the character of a classic pigment. This striking hue balances the warmth of terracotta with a fiery undertone, making it a compelling addition to a designer's palette. Its rich saturation commands attention without being overwhelming.

What color is Sinopia?

What is the meaning of Sinopia?

How do I use Sinopia (#CB410B) in UI design?

Using Sinopia color codes

Sinopia

#CB410B

Access our full UI & UX library today.

What color is Sinopia?

What is the meaning of Sinopia?

How do I use Sinopia (#CB410B) in UI design?

Using Sinopia color codes

Sinopia Code Conversions

HEX

#CB410B

LAB

48, 53, 56

RGB

203, 65, 11

XYZ

26.6, 16.5, 2.1

HSL

17°, 90%, 42%

LCH

48, 77, 47°

HSB

17°, 95%, 80%

LUV

48, 112, 38

CMYK

0, 68, 95, 20

CMYK

0, 68, 95, 20

HWB

17°, 4%, 20%

Sinopia Color Harmonies

Analogous

Using colors adjacent to Sinopia on the color wheel creates an analogous scheme. This approach results in a serene and cohesive visual experience.

#CB0B35

#CB410B

#CBA10B

#CB0B35

#CB410B

#CBA10B

Complementary

Paired with its opposite on the color wheel, Sinopia creates a complementary scheme with maximum contrast, making both hues appear exceptionally vibrant.

#CB410B

#0B95CB

#CB410B

#0B95CB

Split Complementary

A split complementary scheme for Sinopia uses the two colors adjacent to its direct complement, offering a vibrant yet balanced high-contrast palette.

#CB410B

#0BCBA1

#0B35CB

#CB410B

#0BCBA1

#0B35CB

Triadic

Triadic colors are three hues positioned evenly on the color wheel. The result is a high-contrast combination that offers a rich, multicolored harmony.

#CB410B

#0BCB41

#410BCB

#CB410B

#0BCB41

#410BCB

Tetradic

A tetradic palette pairs Sinopia (#CB410B) with three other hues, forming two complementary pairs for a vibrant and balanced design.

#CB410B

#35CB0B

#0B95CB

#A10BCB

#CB410B

#35CB0B

#0B95CB

#A10BCB

Square

A square color scheme takes four colors evenly spaced on the color wheel, creating a rich, high-contrast palette built around Sinopia (#CB410B).

#CB410B

#35CB0B

#0B95CB

#A10BCB

#CB410B

#35CB0B

#0B95CB

#A10BCB

Sinopia Contrast Simulation

Text Color

#

Background Color

#

4.88

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.

4.88

Good

Small Text
Pass
Large Text
Pass
Graphic Components
Pass

Sinopia Color Variations

Shades

Shades of Sinopia are made by adding black, which produces darker, weightier tones.

#CB410B

#AE3809

#912E08

#742506

#571C05

#3A1303

#1D0902

#000000

#CB410B

#AE3809

#912E08

#742506

#571C05

#3A1303

#1D0902

#000000

Tints

Tints are lighter versions of Sinopia, created by adding white to soften the hue.

#CB410B

#D25C2E

#DA7751

#E19274

#E9AE96

#F0C9B9

#F8E4DC

#FFFFFF

#CB410B

#D25C2E

#DA7751

#E19274

#E9AE96

#F0C9B9

#F8E4DC

#FFFFFF

Tones

Tones of Sinopia are created by adding gray, resulting in softer, more muted variations.

#CB410B

#C04A1C

#B6532C

#AB5C3D

#A0654E

#956E5F

#8B776F

#808080

#CB410B

#C04A1C

#B6532C

#AB5C3D

#A0654E

#956E5F

#8B776F

#808080

Hues

Hues are variations of Sinopia (#CB410B), sharing its base but differing in intensity or temperature.

#CB410B

#C5CB0B

#35CB0B

#0BCB71

#0B95CB

#110BCB

#A10BCB

#CB0B65

#CB410B

#C5CB0B

#35CB0B

#0BCB71

#0B95CB

#110BCB

#A10BCB

#CB0B65

What Interfaces Use Colors Like Sinopia?

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