← Back to Editor

#B62D67 · #BD504D · #C5792E · #CAA029 · #CFC128

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 App

Color Details Color Details

#B62D67

Dark Violet · MediumVioletRed · Camellia

HEX
#B62D67
RGB
rgb(182, 45, 103)
HSL
hsl(335, 60%, 45%)
HSB
hsb(335, 75%, 71%)
CMYK
cmyk(0%, 75%, 43%, 29%)
Oklch
oklch(52.7% 0.178 359.9)

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

#BD504D

Crimson · Sienna · Passion Red

HEX
#BD504D
RGB
rgb(189, 80, 77)
HSL
hsl(2, 46%, 52%)
HSB
hsb(2, 59%, 74%)
CMYK
cmyk(0%, 58%, 59%, 26%)
Oklch
oklch(57.2% 0.142 24.2)

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

#C5792E

Ochre · Chocolate · Amber Brown

HEX
#C5792E
RGB
rgb(197, 121, 46)
HSL
hsl(30, 62%, 48%)
HSB
hsb(30, 77%, 77%)
CMYK
cmyk(0%, 39%, 77%, 23%)
Oklch
oklch(64.5% 0.129 61.1)

Traditional「Ochre」· Paint「Amber Brown」· Creative Blush Sunrise

#CAA029

Ochre · GoldenRod · Honey Gold

HEX
#CAA029
RGB
rgb(202, 160, 41)
HSL
hsl(44, 66%, 48%)
HSB
hsb(44, 80%, 79%)
CMYK
cmyk(0%, 21%, 80%, 21%)
Oklch
oklch(72.5% 0.136 87.8)

Traditional「Ochre」· Paint「Honey Gold」· Creative Blush Sunrise

#CFC128

Autumn Sage · GoldenRod · Honey Gold

HEX
#CFC128
RGB
rgb(207, 193, 40)
HSL
hsl(55, 68%, 48%)
HSB
hsb(55, 81%, 81%)
CMYK
cmyk(0%, 7%, 81%, 19%)
Oklch
oklch(79.8% 0.159 103.8)

Traditional「Autumn Sage」· Paint「Honey Gold」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

B62D67
2EB87E

Analogous

B82EAC
B62D67
B8392E

Triadic

B62D67
67B82E
2E67B8

Split-Comp.

B62D67
2EB839
2EACB8

Tetradic

B62D67
ACB82E
2EB87E
392EB8

Contrast Matrix WCAG 2.1 Contrast

B62D67
BD504D
C5792E
CAA029
CFC128
—
1.2
Fail
1.7
Fail
2.4
Fail
3.2
AA Large
1.2
Fail
—
1.4
Fail
1.9
Fail
2.6
Fail
1.7
Fail
1.4
Fail
—
1.4
Fail
1.8
Fail
2.4
Fail
1.9
Fail
1.4
Fail
—
1.3
Fail
3.2
AA Large
2.6
Fail
1.8
Fail
1.3
Fail
—
White BG
5.9AA
4.8AA
3.4AA Large
2.4Fail
1.9Fail
Black BG
3.6AA Large
4.4AA Large
6.1AA
8.6AAA
11.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

7B7959
8E8D4E
A4A340
B8B746
C9C94D

Deuteranopia

838D56
949C4E
A9AE45
BABD4D
CACB56

Tritanopia

AF4E4B
B84E4E
C14E52
C85D62
CE6A71

Achromatopsia

5D5D5D
707070
878787
9F9F9F
B4B4B4

Shades & Tints Shades & Tints

#B62D67

Dark
Light

#BD504D

Dark
Light

#C5792E

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #b62d67;
  --color-2: #bd504d;
  --color-3: #c5792e;
  --color-4: #caa029;
  --color-5: #cfc128;
}

SCSS

$color-1: #b62d67;
$color-2: #bd504d;
$color-3: #c5792e;
$color-4: #caa029;
$color-5: #cfc128;

TAILWIND

colors: {
  'brand-1': '#b62d67',
  'brand-2': '#bd504d',
  'brand-3': '#c5792e',
  'brand-4': '#caa029',
  'brand-5': '#cfc128',
}

RGB Array

[182, 45, 103], [189, 80, 77], [197, 121, 46], [202, 160, 41], [207, 193, 40]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #B62D67, #BD504D, #C5792E, #CAA029, #CFC128 is ideal for: social media posters, mobile apps, e-commerce promos. Vivid colors effectively attract user attention. 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: #b62d67; --color-2: #bd504d; --color-3: #c5792e; --color-4: #caa029; --color-5: #cfc128. 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. 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