Crimson Red

Meet Crimson Red (#B20710), a color that commands attention. Its deep, saturated nature gives it a powerful visual weight, making it a standout choice for creating impactful designs. This isn't your standard red; its specific hue offers a unique intensity.

What color is Crimson Red?

What is the meaning of Crimson Red?

How do I use Crimson Red (#B20710) in UI design?

Using Crimson Red color codes

Crimson Red

#B20710

Access our full UI & UX library today.

What color is Crimson Red?

What is the meaning of Crimson Red?

How do I use Crimson Red (#B20710) in UI design?

Using Crimson Red color codes

Crimson Red Code Conversions

HEX

#B20710

LAB

37, 61, 45

RGB

178, 7, 16

XYZ

18.5, 9.7, 1.4

HSL

357°, 92%, 36%

LCH

37, 76, 37°

HSB

357°, 96%, 70%

LUV

37, 118, 24

CMYK

0, 96, 91, 30

CMYK

0, 96, 91, 30

HWB

357°, 3%, 30%

Crimson Red Color Harmonies

Analogous

Analogous colors sit next to Crimson Red on the color wheel. This grouping produces a harmonious and tranquil palette for any design project.

#B20765

#B20710

#B25407

#B20765

#B20710

#B25407

Complementary

Complementary colors sit directly opposite each other on the color wheel. For Crimson Red, its complement creates a striking, high-contrast visual pairing.

#B20710

#07B2A9

#B20710

#07B2A9

Split Complementary

For Crimson Red, a split complementary palette uses the two colors next to its opposite on the color wheel, offering high contrast with less tension.

#B20710

#07B254

#0765B2

#B20710

#07B254

#0765B2

Triadic

Triadic color schemes use three hues equally spaced on the color wheel. For Crimson Red, this creates a vibrant, high-contrast, and balanced palette.

#B20710

#10B207

#0710B2

#B20710

#10B207

#0710B2

Tetradic

A tetradic scheme is built from two pairs of complementary colors. With Crimson Red, this creates a balanced and dynamic four-color palette.

#B20710

#65B207

#07B2A9

#5407B2

#B20710

#65B207

#07B2A9

#5407B2

Square

A square scheme pairs Crimson Red with three other colors, all equidistant on the color wheel, for a bold and balanced high-contrast combination.

#B20710

#65B207

#07B2A9

#5407B2

#B20710

#65B207

#07B2A9

#5407B2

Crimson Red Contrast Simulation

Text Color

#

Background Color

#

7.17

Excellent

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.

7.17

Excellent

Small Text
Pass
Large Text
Pass
Graphic Components
Pass

Crimson Red Color Variations

Shades

Shades of Crimson Red are made by adding black, giving the color a heavier, deeper feel.

#B20710

#99060E

#7F050B

#660409

#4C0307

#330205

#190102

#000000

#B20710

#99060E

#7F050B

#660409

#4C0307

#330205

#190102

#000000

Tints

Tints of Crimson Red are lighter values made by adding white for a softer effect.

#B20710

#BD2A32

#C84E54

#D37176

#DE9599

#E9B8BB

#F4DCDD

#FFFFFF

#B20710

#BD2A32

#C84E54

#D37176

#DE9599

#E9B8BB

#F4DCDD

#FFFFFF

Tones

Tones of Crimson Red are created by adding gray, which softens the color's saturation.

#B20710

#AB1820

#A42A30

#9D3B40

#954C50

#8E5D60

#876F70

#808080

#B20710

#AB1820

#A42A30

#9D3B40

#954C50

#8E5D60

#876F70

#808080

Hues

Hues of Crimson Red vary in intensity and temperature, affecting a design's overall feel.

#B20710

#B27E07

#65B207

#07B229

#07B2A9

#073BB2

#5407B2

#B20790

#B20710

#B27E07

#65B207

#07B229

#07B2A9

#073BB2

#5407B2

#B20790

What Interfaces Use Colors Like Crimson 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