Classic Rose

Introducing Classic Rose (#FBCCE7), a soft, airy pink with a gentle yet distinct presence. Its high brightness and low saturation give it a clean, almost ethereal quality, making it a compelling option for designers building modern, light-filled interfaces.

What color is Classic Rose?

What is the meaning of Classic Rose?

How do I use Classic Rose (#FBCCE7) in UI design?

Using Classic Rose color codes

Classic Rose

#FBCCE7

Access our full UI & UX library today.

What color is Classic Rose?

What is the meaning of Classic Rose?

How do I use Classic Rose (#FBCCE7) in UI design?

Using Classic Rose color codes

Classic Rose Code Conversions

HEX

#FBCCE7

LAB

87, 21, -7

RGB

251, 204, 231

XYZ

75.8, 69.5, 85.0

HSL

326°, 85%, 89%

LCH

87, 22, 341°

HSB

326°, 19%, 98%

LUV

87, 26, -15

CMYK

0, 19, 8, 2

CMYK

0, 19, 8, 2

HWB

326°, 80%, 2%

Classic Rose Color Harmonies

Analogous

Analogous colors are neighbors on the color wheel. For Classic Rose (#FBCCE7), these adjacent hues create a harmonious and tranquil visual experience.

#F8CCFB

#FBCCE7

#FBCCCF

#F8CCFB

#FBCCE7

#FBCCCF

Complementary

Complementary colors are opposites on the color wheel. When paired with Classic Rose, its complement offers the highest possible contrast and visual tension.

#FBCCE7

#CCFBE0

#FBCCE7

#CCFBE0

Split Complementary

For a more nuanced contrast, a split complementary palette pairs Classic Rose with the two colors neighboring its direct complement on the wheel.

#FBCCE7

#CFFBCC

#CCFBF8

#FBCCE7

#CFFBCC

#CCFBF8

Triadic

A triadic combination pairs Classic Rose with two other colors, all equally distant on the color wheel, for a bold and balanced look.

#FBCCE7

#E7FBCC

#CCE7FB

#FBCCE7

#E7FBCC

#CCE7FB

Tetradic

Tetradic schemes build on Classic Rose by adding three more hues, forming two complementary pairs in a rectangular shape on the color wheel.

#FBCCE7

#FBF8CC

#CCFBE0

#CCCFFB

#FBCCE7

#FBF8CC

#CCFBE0

#CCCFFB

Square

A square color scheme gives Classic Rose a balanced yet dynamic and highly contrasting palette by using four colors evenly spaced on the color wheel.

#FBCCE7

#FBF8CC

#CCFBE0

#CCCFFB

#FBCCE7

#FBF8CC

#CCFBE0

#CCCFFB

Classic Rose Contrast Simulation

Text Color

#

Background Color

#

14.89

Super

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.

14.89

Super

Small Text
Pass
Large Text
Pass
Graphic Components
Pass

Classic Rose Color Variations

Shades

Shades are darker versions of Classic Rose, made by adding black for depth and weight.

#FBCCE7

#D7AFC6

#B392A5

#8F7584

#6C5763

#483A42

#241D21

#000000

#FBCCE7

#D7AFC6

#B392A5

#8F7584

#6C5763

#483A42

#241D21

#000000

Tints

Adding white to Classic Rose creates lighter tints, resulting in a softer, more delicate feel.

#FBCCE7

#FCD3EA

#FCDBEE

#FDE2F1

#FDE9F5

#FEF0F8

#FEF8FC

#FFFFFF

#FBCCE7

#FCD3EA

#FCDBEE

#FDE2F1

#FDE9F5

#FEF0F8

#FEF8FC

#FFFFFF

Tones

Tones of Classic Rose are created by adding gray, resulting in softer, more subdued variations.

#FBCCE7

#E9C1D8

#D8B6CA

#C6ABBB

#B5A1AC

#A3969D

#928B8F

#808080

#FBCCE7

#E9C1D8

#D8B6CA

#C6ABBB

#B5A1AC

#A3969D

#928B8F

#808080

Hues

Hues are variations of Classic Rose, differing in intensity or temperature to create distinct moods.

#FBCCE7

#FBD4CC

#FBF8CC

#DBFBCC

#CCFBE0

#CCF3FB

#CCCFFB

#ECCCFB

#FBCCE7

#FBD4CC

#FBF8CC

#DBFBCC

#CCFBE0

#CCF3FB

#CCCFFB

#ECCCFB

What Interfaces Use Colors Like Classic Rose?

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