#FB9DCA Light Pink

Q: What color is #FB9DCA?

Light Pink is #FB9DCA, or #FB9DCA in uppercase notation. In RGB it is rgb(251,157,202), in HSL about hsl(331 92% 80%), and in OKLCH oklch(0.804 0.124 350.1).

Q: What does Light Pink symbolize?

It usually stands for energy, warmth and confidence, with a ceremonial edge. Local culture can shift that reading, so check the context.

Q: Where is Light Pink used?

You will see it in Campaign landing pages, Editorial cover systems, Product packaging labels, Dashboard status accents, Retail wayfinding signs. It also appears across food, sport, retail, entertainment.

Q: Which colors go well with Light Pink?

Muted neutrals, deeper steps of the same hue and one metallic accent work well. editorial layouts that need one warm focal point; packaging that should feel appetizing without shouting; interfaces where an accent has to stay legible

Q: How does Light Pink affect mood?

It raises perceived energy and draws the eye quickly. Large fields feel intense, so accent use is safer.

Q: Which industries use Light Pink?

It is common in food, sport, retail, entertainment, particularly where brands want to feel urgent, passionate, bold, appetizing, warm.

Q: What is the history of Light Pink?

The pigment story is concrete: Red reaches the eye before almost any other hue, which is why it carries both appetite and alarm. It gains weight in deep, earthy steps and softens in dusty pinks.

Q: How should I use Light Pink in design?

Give it one focal element, keep body copy neutral and confirm contrast at 1.95 against white and 9.69 against black.

Q: Is Light Pink accessible?

Contrast is 1.95 against white (FAIL) and 9.69 against black (AAA). Use it for large text when the level reaches AA.

Color conversion

CMYK profile: Coated FOGRA39 · Formats follow CSS Color 4 naming and WCAG 2.2 contrast rules.

About this color

Light PinkReddigital color

Urgency with a pulse

Light Pink is #FB9DCA, a Red tone with a clear cultural lineage. Read on its own it belongs to the Red family; read through its digital color roots, it carries a second layer of meaning.

Design tip

Test Light Pink (#FB9DCA) on a neutral surface first; a Red accent then looks intentional rather than decorative.

Best use

Give Light Pink the single element that must be noticed first, and let the rest of the Red palette support it.

urgentpassionateboldappetizingwarm

Psychology

How it is perceived

urgentpassionateboldappetizingwarm

Psychological effect

Light Pink raises the perceived energy of a Red composition and pulls the eye toward action.

Emotional impact

It feels immediate and warm, so it can lift a restrained layout without making it loud.

Symbolism

What it stands for

energyappetite and celebration

Cultural significance

In digital color settings the shade carries local references, so verify its symbolism before a campaign.

Positive associations

Positive associations lean toward energy, appetite and celebration, which is why it appears in invitations and seasonal work.

Use with care

Too much surface area can read as danger and aggression when overused, so keep it to accents and small fields.

Where it appears

Common design applications

Campaign landing pages: Give Light Pink the single element that must be noticed first, and let the rest of the Red palette support it.
Editorial cover systems: Give Light Pink the single element that must be noticed first, and let the rest of the Red palette support it.
Product packaging labels: Give Light Pink the single element that must be noticed first, and let the rest of the Red palette support it.
Dashboard status accents: Give Light Pink the single element that must be noticed first, and let the rest of the Red palette support it.
Retail wayfinding signs: Give Light Pink the single element that must be noticed first, and let the rest of the Red palette support it.

Design guidance

How to make it work

Keep saturated fills below about twenty percent of the layout.
Use it for the primary call to action and nothing else.
Check the pairing at small sizes on a neutral background.

Avoid

Do not place it beside clashing neon greens or electric blues.
Never use it for long body text on white.
Avoid gradients that shift its hue into another family.

Brand fit

food, sport, retail, entertainment

Brands built on The Hero, The Lover use it to signal character before they say a word.

Trend signal

Urgency with a pulse

Red reaches the eye before almost any other hue, which is why it carries both appetite and alarm. It gains weight in deep, earthy steps and softens in dusty pinks.

Pairing

Colors that complete it

#5DD9B3editorial layouts that need one warm focal point #BE6692interfaces where an accent has to stay legible #C4C662packaging that should feel appetizing without shouting

History

Pigments and provenance

Before synthetic dyes, Light Pink was matched with mineral and plant pigments, and the Red family depended on sources such as ochre, madder and indigo. Screens now reproduce it more consistently than any single pigment ever could.

Variations

Shades darken and tints lighten while the hue angle stays fixed.

Pro tip: Shades darken and tints lighten while the hue angle stays fixed.

Shades

Darker steps built from the same hue.

0% #FB9DCA 10% #E28DB6 20% #C97EA2 30% #B06E8D 40% #975E79 50% #7E4F65 60% #643F51 70% #4B2F3D 80% #321F28 90% #191014 100% #000000

Tints

Lighter steps for surfaces and backgrounds.

0% #FB9DCA 10% #FBA7CF 20% #FCB1D5 30% #FCBADA 40% #FDC4DF 50% #FDCEE5 60% #FDD8EA 70% #FEE2EF 80% #FEEBF4 90% #FFF5FA 100% #FFFFFF

Use cases

Shades → hover, shadows, depth
Tints → highlights, surfaces
Balance → consistent color systems

Design tip

Keep one dominant tone, one supporter and one accent.

Across color systems

The closest named color in each tradition and design system, measured in OKLCH ΔE. Lower means closer.

Asian color traditions

สีชมพู TH ΔE 0.017

石黄 TB ΔE 0.038

杏黄 CN ΔE 0.042

Show all (6)

Шар MN ΔE 0.044

柑子色 JP ΔE 0.044

हल्दी IN ΔE 0.045

황 KR ΔE 0.050

Kuning ID ΔE 0.066

Vàng VN ΔE 0.111

Design systems

Rose 300 Tailwind ΔE 0.012

Pink 300 Open Color ΔE 0.014

Red 3 Ant Design ΔE 0.015

Show all (11)

Rose 300 UnoCSS ΔE 0.019

Rose 300 Panda ΔE 0.019

Orange 7 Radix ΔE 0.022

Office 120 Fluent ΔE 0.028

Orange 300 Chakra ΔE 0.029

Rose 10 Polaris ΔE 0.032

Primary 80 Material ΔE 0.044

Info Bootstrap ΔE 0.066

Brand (alternate) vanilla-extract ΔE 0.081

Border default Primer ΔE 0.136

Background StyleX ΔE 0.233

RAL Classic

Saffron yellow · RAL 1017 RAL ΔE 0.032

Try any color

Color combinations

Rotate the hue wheel while holding lightness steady.

How to use it

Three moves keep the color readable and deliberate.

Why it works

The perceptual reasoning behind the palette.

Complementary

Opposite the hue wheel; it sharpens the focal color by contrast.

#FB9DCA #5DD9B3

Best use: Calls to action and single-feature highlights

Split-complementary

Two neighbors of the opposite hue; softer than a direct complement.

#FB9DCA #93D385 #3CD7DE

Best use: Balanced marketing layouts with two accents

Triadic

Three hues spaced evenly; lively but needs one dominant voice.

#FB9DCA #C4C662 #5CCDFF

Best use: Event identities and playful editorial spreads

Analogous

Neighbors on the wheel; quiet, cohesive and easy to scan.

#E3A4F0 #FB9DCA #FF9D9E

Best use: Backgrounds, charts and calm product pages

Monochromatic

One hue across lightness steps; disciplined and premium.

#B57191 #FB9DCA #FCB8D9

Best use: Design systems, packaging and typographic hierarchy

Tetradic

Two complementary pairs; rich, but requires strict proportion.

#FB9DCA #FFA774 #5DD9B3 #5CCDFF

Best use: Complex dashboards and multi-service brands

Export palette

CSS

:root {
  --color-1: #975E79;
  --color-2: #C97EA2;
  --color-3: #FB9DCA;
  --color-4: #FCB1D5;
  --color-5: #FDC4DF;
}

Tailwind

colors: {
  color1: '#975E79',
  color2: '#C97EA2',
  color3: '#FB9DCA',
  color4: '#FCB1D5',
  color5: '#FDC4DF',
}

JSON

["#975E79","#C97EA2","#FB9DCA","#FCB1D5","#FDC4DF"]

Principles

Balance

Keep one dominant tone, one supporter and one accent.

Contrast

Test body text against both white and black before shipping.

Harmony

Rotate the hue wheel while holding lightness steady.

Color contrast checker

Test body text against both white and black before shipping.

Text color

Background

1.95 :1

FAIL

Quote

Give Light Pink the single element that must be noticed first, and let the rest of the Red palette support it.

WCAG contrast

Preview

Aa / Bb

#FB9DCA · Light Pink

WCAG contrast standards

WCAG 2.2 sets minimum contrast for text and interface parts. #FB9DCA measures 1.95:1 against white (FAIL) and 9.69:1 against black (AAA). Use the table below to choose the right threshold for the text size.

Level	Normal text	Large text (18pt+ / 14pt bold)	Icons & UI parts
AAA	7 : 1	4.5 : 1	—
AA	4.5 : 1	3 : 1	3 : 1
Fails	< 4.5 : 1	< 3 : 1	< 3 : 1

Large text means 18pt regular or 14pt bold. UI parts need 3:1 against adjacent colors. AA is the common compliance baseline; AAA is enhanced.

Technical formats

Notation across color spaces

HEX

#FB9DCA

CSS Color 4

RGB

251,157,202

sRGB / D65

HSL

331,92,80

HSL

OKLCH

oklch(0.804 0.124 350.1)

perceptual

LAB

75,41,-8

CIE Lab

LCH

75,42,349

CIE LCH

XYZ

63,49,62

CIE XYZ

LUV

75,56,-20

CIE LUV

HWB

331,62,2

CSS HWB

CMYK

0,37,20,2

Practical formats

Ready-to-use values

CSS

color: #FB9DCA;

custom properties

Tailwind

bg-[#FB9DCA] text-[#FFF]

arbitrary value

Android

#FFFB9DCA

ARGB

Flutter

Color(0xFFFB9DCA)

dart:ui

Photoshop

R 251 G 157 B 202 · C 0 M 37 Y 20 K 2

RGB / CMYK

CMYK 0,37,20,2

FOGRA39

Color analysis

Measured color properties

Lightness

0.489

relative luminance · warm

Contrast

1.95 : 1

vs white · FAIL · warm

Contrast

9.69 : 1

vs black · AAA · warm

Hue

331°

saturation 92% · warm

LCH

75,42,349

lightness 80% · warm

Delta E

24.2

曙色 #D5A8B4 · warm

Similar colors

Nearest colors from the full Irodori library, ranked by ΔE.

สีชมพู #F49AC2ΔE 3.2 Light Violet #DDA0DDΔE 16.2 Vivid Pink #DB7093ΔE 17.8 桃色 #F09199ΔE 20.6 Ягаан #D96A8BΔE 20.6 Pale Red #FFC0CBΔE 21.9

Blindness simulator

How it reads with color vision deficiency

How it reads with color vision deficiency · ΔE 24.2