← Back to Editor

#890E53 · #B23050 · #F7923A · #F7B17C · #FAD1B8

A 5-color palette palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarm

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial AppData Visualization

Color Details Color Details

#890E53

Rose Purple · Purple · Camellia

HEX
#890E53
RGB
rgb(137, 14, 83)
HSL
hsl(326, 81%, 30%)
HSB
hsb(326, 90%, 54%)
CMYK
cmyk(0%, 90%, 39%, 46%)
Oklch
oklch(41.9% 0.163 353.8)

Traditional「Rose Purple」· Paint「Camellia」· Creative Blush Sunrise

#B23050

Crimson · Brown · Passion Red

HEX
#B23050
RGB
rgb(178, 48, 80)
HSL
hsl(345, 58%, 44%)
HSB
hsb(345, 73%, 70%)
CMYK
cmyk(0%, 73%, 55%, 30%)
Oklch
oklch(51.7% 0.166 10.9)

Traditional「Crimson」· Paint「Passion Red」· Creative Blush Sunrise

#F7923A

Tangerine · Coral · Warm Sun

HEX
#F7923A
RGB
rgb(247, 146, 58)
HSL
hsl(28, 92%, 60%)
HSB
hsb(28, 77%, 97%)
CMYK
cmyk(0%, 41%, 77%, 3%)
Oklch
oklch(75.2% 0.156 57.5)

Traditional「Tangerine」· Paint「Warm Sun」· Creative Blush Sunrise

#F7B17C

Apricot · LightSalmon · Warm Sun

HEX
#F7B17C
RGB
rgb(247, 177, 124)
HSL
hsl(26, 88%, 73%)
HSB
hsb(26, 50%, 97%)
CMYK
cmyk(0%, 28%, 50%, 3%)
Oklch
oklch(81.5% 0.107 57.7)

Traditional「Apricot」· Paint「Warm Sun」· Creative Honey Glow

#FAD1B8

Apricot · Wheat · Peach Orange

HEX
#FAD1B8
RGB
rgb(250, 209, 184)
HSL
hsl(23, 87%, 85%)
HSB
hsb(23, 26%, 98%)
CMYK
cmyk(0%, 16%, 26%, 2%)
Oklch
oklch(88.9% 0.057 53.1)

Traditional「Apricot」· Paint「Peach Orange」· Creative Honey Glow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

890E53
0F8A44

Analogous

820F8A
890E53
8A0F17

Triadic

890E53
558A0F
0F558A

Split-Comp.

890E53
178A0F
0F8A82

Tetradic

890E53
8A820F
0F8A44
0F178A

Contrast Matrix WCAG 2.1 Contrast

890E53
B23050
F7923A
F7B17C
FAD1B8
—
1.5
Fail
4.1
AA Large
5.1
AA
6.6
AA
1.5
Fail
—
2.7
Fail
3.4
AA Large
4.3
AA Large
4.1
AA Large
2.7
Fail
—
1.3
Fail
1.6
Fail
5.1
AA
3.4
AA Large
1.3
Fail
—
1.3
Fail
6.6
AA
4.3
AA Large
1.6
Fail
1.3
Fail
—
White BG
9.3AAA
6.1AA
2.3Fail
1.8Fail
1.4Fail
Black BG
2.3Fail
3.4AA Large
9.1AAA
11.5AAA
14.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

545342
7A7948
CBCA4F
D9D889
E8E8BE

Deuteranopia

5B643E
818B46
D1D954
DDE28C
EBEEBF

Tritanopia

833532
AC4241
F26064
F39395
F8C3C4

Achromatopsia

3B3B3B
5B5B5B
A6A6A6
C0C0C0
DADADA

Shades & Tints Shades & Tints

#890E53

Dark
Light

#B23050

Dark
Light

#F7923A

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #890e53;
  --color-2: #b23050;
  --color-3: #f7923a;
  --color-4: #f7b17c;
  --color-5: #fad1b8;
}

SCSS

$color-1: #890e53;
$color-2: #b23050;
$color-3: #f7923a;
$color-4: #f7b17c;
$color-5: #fad1b8;

TAILWIND

colors: {
  'brand-1': '#890e53',
  'brand-2': '#b23050',
  'brand-3': '#f7923a',
  'brand-4': '#f7b17c',
  'brand-5': '#fad1b8',
}

RGB Array

[137, 14, 83], [178, 48, 80], [247, 146, 58], [247, 177, 124], [250, 209, 184]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #890E53, #B23050, #F7923A, #F7B17C, #FAD1B8 is ideal for: social media posters, mobile apps, e-commerce promos, infographics, data visualization, accessible design. Vivid colors effectively attract user attention. High contrast ensures clear visual hierarchy and readability. It is a vibrant and energetic choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #890e53; --color-2: #b23050; --color-3: #f7923a; --color-4: #f7b17c; --color-5: #fad1b8. LangColor editor supports one-click export to CSS, SCSS, Tailwind, JSON and more. Click the "Export" button to choose your format.

What UI/UX design tips apply to this palette?

Medium-brightness colors suit brand primary and accent colors. Use the darkest for text, lightest for backgrounds, and mid-tones for emphasis. High-contrast palettes naturally meet WCAG accessibility standards. Use the "Contrast Matrix" tool in LangColor editor to check WCAG accessibility levels for every color pair.

Which industries or brands suit this palette?

This general-style 5-color scheme is especially suited for food & dining, entertainment, kids education, social industries. Bold colors convey vitality and innovation. Click "AI Analysis" in the editor for more detailed brand color suggestions.

🎨 Open this palette in Editor →

Generated by LangColor online color tool · Breaking the barrier between language and color