Coquelicot

Meet Coquelicot (#FF3800), a brilliant red-orange that instantly draws the eye. Its striking intensity stems from its high saturation, offering designers a potent tool for creating focal points and adding a burst of visual energy to any interface.

What color is Coquelicot?

What is the meaning of Coquelicot?

How do I use Coquelicot (#FF3800) in UI design?

Using Coquelicot color codes

Coquelicot

#FF3800

Access our full UI & UX library today.

What color is Coquelicot?

What is the meaning of Coquelicot?

How do I use Coquelicot (#FF3800) in UI design?

Using Coquelicot color codes

Coquelicot Code Conversions

HEX

#FF3800

LAB

56, 72, 68

RGB

255, 56, 0

XYZ

42.7, 24.1, 2.4

HSL

13°, 100%, 50%

LCH

56, 99, 44°

HSB

13°, 100%, 100%

LUV

56, 159, 43

CMYK

0, 78, 100, 0

CMYK

0, 78, 100, 0

HWB

13°, 0%, 0%

Coquelicot Color Harmonies

Analogous

Analogous colors are found next to Coquelicot on the color wheel. This harmonious grouping creates a visually pleasing and serene palette for any design.

#FF0047

#FF3800

#FFB800

#FF0047

#FF3800

#FFB800

Complementary

To find Coquelicot's complementary color, look directly opposite it on the color wheel. This pairing produces a bold, high-contrast visual effect.

#FF3800

#00C7FF

#FF3800

#00C7FF

Split Complementary

For a less intense but still high-contrast look, a split complementary palette pairs Coquelicot with the two colors neighboring its direct opposite.

#FF3800

#00FFB8

#0047FF

#FF3800

#00FFB8

#0047FF

Triadic

For a vibrant and balanced look, a triadic scheme pairs Coquelicot with two other colors, all equally spaced around the color wheel.

#FF3800

#00FF38

#3800FF

#FF3800

#00FF38

#3800FF

Tetradic

A tetradic scheme selects four colors that form a rectangle on the color wheel, creating two complementary pairs, starting here with Coquelicot.

#FF3800

#47FF00

#00C7FF

#B800FF

#FF3800

#47FF00

#00C7FF

#B800FF

Square

A square color scheme uses four colors evenly spaced on the color wheel. With Coquelicot as the base, this method creates a vibrant, high-contrast palette.

#FF3800

#47FF00

#00C7FF

#B800FF

#FF3800

#47FF00

#00C7FF

#B800FF

Coquelicot Contrast Simulation

Text Color

#

Background Color

#

5.82

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

Good

Small Text
Pass
Large Text
Pass
Graphic Components
Pass

Coquelicot Color Variations

Shades

Shades of Coquelicot are created by adding black, resulting in darker tones that add depth and weight.

#FF3800

#DB3000

#B62800

#922000

#6D1800

#491000

#240800

#000000

#FF3800

#DB3000

#B62800

#922000

#6D1800

#491000

#240800

#000000

Tints

Tints of Coquelicot are created by adding white, resulting in softer, lighter variations.

#FF3800

#FF5424

#FF7149

#FF8D6D

#FFAA92

#FFC6B6

#FFE3DB

#FFFFFF

#FF3800

#FF5424

#FF7149

#FF8D6D

#FFAA92

#FFC6B6

#FFE3DB

#FFFFFF

Tones

Tones are created by mixing Coquelicot with gray, resulting in a softer, less saturated appearance.

#FF3800

#ED4212

#DB4D25

#C95737

#B66149

#A46B5B

#92766E

#808080

#FF3800

#ED4212

#DB4D25

#C95737

#B66149

#A46B5B

#92766E

#808080

Hues

Hues are variations of Coquelicot, altering its intensity and temperature for different visual effects.

#FF3800

#FFF700

#47FF00

#00FF78

#00C7FF

#0008FF

#B800FF

#FF0087

#FF3800

#FFF700

#47FF00

#00FF78

#00C7FF

#0008FF

#B800FF

#FF0087

What Interfaces Use Colors Like Coquelicot?

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