← Back to Editor

#B20E4A · #D88482 · #DFD5B1 · #000E3D · #BAB192

bright

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarmCool

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial AppData Visualization

Color Details Color Details

#B20E4A

Dark Violet · Brown · Camellia

HEX
#B20E4A
RGB
rgb(178, 14, 74)
HSL
hsl(338, 85%, 38%)
HSB
hsb(338, 92%, 70%)
CMYK
cmyk(0%, 92%, 58%, 30%)
Oklch
oklch(49.3% 0.191 9.1)

Traditional「Dark Violet」· Paint「Camellia」· Creative Blush Sunrise

#D88482

Peach Pink · LightCoral · Coral Red

HEX
#D88482
RGB
rgb(216, 132, 130)
HSL
hsl(1, 52%, 68%)
HSB
hsb(1, 40%, 85%)
CMYK
cmyk(0%, 39%, 40%, 15%)
Oklch
oklch(70.1% 0.104 21.5)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

#DFD5B1

Goose Yellow · Wheat · Lemon Cream

HEX
#DFD5B1
RGB
rgb(223, 213, 177)
HSL
hsl(47, 42%, 78%)
HSB
hsb(47, 21%, 87%)
CMYK
cmyk(0%, 4%, 21%, 13%)
Oklch
oklch(87.2% 0.049 94.3)

Traditional「Goose Yellow」· Paint「Lemon Cream」· Creative Lemon Fizz

#000E3D

Indigo · MidnightBlue · Deep Sea Blue

HEX
#000E3D
RGB
rgb(0, 14, 61)
HSL
hsl(226, 100%, 12%)
HSB
hsb(226, 100%, 24%)
CMYK
cmyk(100%, 77%, 0%, 76%)
Oklch
oklch(19.3% 0.093 262.5)

Traditional「Indigo」· Paint「Deep Sea Blue」· Creative Blush Sunrise

#BAB192

Ginger · Tan · Sunflower

HEX
#BAB192
RGB
rgb(186, 177, 146)
HSL
hsl(47, 22%, 65%)
HSB
hsb(47, 22%, 73%)
CMYK
cmyk(0%, 5%, 22%, 27%)
Oklch
oklch(76.0% 0.044 93.7)

Traditional「Ginger」· Paint「Sunflower」· Creative Lemon Fizz

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

B20E4A
0FB377

Analogous

B30F9D
B20E4A
B3240F

Triadic

B20E4A
4BB30F
0F4BB3

Split-Comp.

B20E4A
0FB324
0F9DB3

Tetradic

B20E4A
9DB30F
0FB377
240FB3

Contrast Matrix WCAG 2.1 Contrast

B20E4A
D88482
DFD5B1
000E3D
BAB192
—
2.5
Fail
4.7
AA
2.7
Fail
3.2
AA Large
2.5
Fail
—
1.9
Fail
6.7
AA
1.3
Fail
4.7
AA
1.9
Fail
—
12.6
AAA
1.5
Fail
2.7
Fail
6.7
AA
12.6
AAA
—
8.7
AAA
3.2
AA Large
1.3
Fail
1.5
Fail
8.7
AAA
—
White BG
6.9AA
2.8Fail
1.5Fail
18.6AAA
2.1Fail
Black BG
3.1AA Large
7.5AAA
14.3AAA
1.1Fail
9.8AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

6B6A3B
B4B382
DBDBBA
060632
B6B69A

Deuteranopia

758138
B9BF83
DBDCBC
05042F
B7B79B

Tritanopia

AA302E
D48383
DFC1C2
012927
BA9FA1

Achromatopsia

464646
9D9D9D
D4D4D4
0F0F0F
B0B0B0

Shades & Tints Shades & Tints

#B20E4A

Dark
Light

#D88482

Dark
Light

#DFD5B1

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #b20e4a;
  --color-2: #d88482;
  --color-3: #dfd5b1;
  --color-4: #000e3d;
  --color-5: #bab192;
}

SCSS

$color-1: #b20e4a;
$color-2: #d88482;
$color-3: #dfd5b1;
$color-4: #000e3d;
$color-5: #bab192;

TAILWIND

colors: {
  'brand-1': '#b20e4a',
  'brand-2': '#d88482',
  'brand-3': '#dfd5b1',
  'brand-4': '#000e3d',
  'brand-5': '#bab192',
}

RGB Array

[178, 14, 74], [216, 132, 130], [223, 213, 177], [0, 14, 61], [186, 177, 146]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This bright-style palette of #B20E4A, #D88482, #DFD5B1, #000E3D, #BAB192 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: #b20e4a; --color-2: #d88482; --color-3: #dfd5b1; --color-4: #000e3d; --color-5: #bab192. 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 bright-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