← Back to Editor

#50725F · #F1D640 · #FFB642 · #DA7B0C · #CB5A33

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

#50725F

Celadon · DimGray · Forest Green

HEX
#50725F
RGB
rgb(80, 114, 95)
HSL
hsl(146, 18%, 38%)
HSB
hsb(146, 30%, 45%)
CMYK
cmyk(30%, 0%, 17%, 55%)
Oklch
oklch(52.0% 0.049 159.6)

Traditional「Celadon」· Paint「Forest Green」· Creative Blush Sunrise

#F1D640

Autumn Sage · SandyBrown · Sunflower

HEX
#F1D640
RGB
rgb(241, 214, 64)
HSL
hsl(51, 86%, 60%)
HSB
hsb(51, 73%, 95%)
CMYK
cmyk(0%, 11%, 73%, 5%)
Oklch
oklch(87.4% 0.162 98.6)

Traditional「Autumn Sage」· Paint「Sunflower」· Creative Blush Sunrise

#FFB642

Ginger · SandyBrown · Warm Sun

HEX
#FFB642
RGB
rgb(255, 182, 66)
HSL
hsl(37, 100%, 63%)
HSB
hsb(37, 74%, 100%)
CMYK
cmyk(0%, 29%, 74%, 0%)
Oklch
oklch(82.6% 0.151 74.8)

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

#DA7B0C

Ochre · Chocolate · Amber Brown

HEX
#DA7B0C
RGB
rgb(218, 123, 12)
HSL
hsl(32, 90%, 45%)
HSB
hsb(32, 94%, 85%)
CMYK
cmyk(0%, 44%, 94%, 15%)
Oklch
oklch(67.4% 0.156 59.8)

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

#CB5A33

Tangerine · Chocolate · Amber Brown

HEX
#CB5A33
RGB
rgb(203, 90, 51)
HSL
hsl(15, 60%, 50%)
HSB
hsb(15, 75%, 80%)
CMYK
cmyk(0%, 56%, 75%, 20%)
Oklch
oklch(60.3% 0.154 39.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

50725F
724F63

Analogous

52724F
50725F
4F7270

Triadic

50725F
5F4F72
725F4F

Split-Comp.

50725F
704F72
724F52

Tetradic

50725F
4F5272
724F63
72704F

Contrast Matrix WCAG 2.1 Contrast

50725F
F1D640
FFB642
DA7B0C
CB5A33
—
3.7
AA Large
3.1
AA Large
1.7
Fail
1.3
Fail
3.7
AA Large
—
1.2
Fail
2.1
Fail
2.9
Fail
3.1
AA Large
1.2
Fail
—
1.8
Fail
2.4
Fail
1.7
Fail
2.1
Fail
1.8
Fail
—
1.4
Fail
1.3
Fail
2.9
Fail
2.4
Fail
1.4
Fail
—
White BG
5.4AA
1.5Fail
1.7Fail
3.1AA Large
4.2AA Large
Black BG
3.9AA Large
14.4AAA
12.0AAA
6.8AA
5.0AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

5F5F64
E5E564
DFDF5E
B1B027
9A993C

Deuteranopia

5D5A65
E7E96D
E4E965
B6BE2D
A1A93F

Tritanopia

526768
F08187
FB7479
D53C41
C54446

Achromatopsia

666666
CDCDCD
BFBFBF
8B8B8B
777777

Shades & Tints Shades & Tints

#50725F

Dark
Light

#F1D640

Dark
Light

#FFB642

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #50725f;
  --color-2: #f1d640;
  --color-3: #ffb642;
  --color-4: #da7b0c;
  --color-5: #cb5a33;
}

SCSS

$color-1: #50725f;
$color-2: #f1d640;
$color-3: #ffb642;
$color-4: #da7b0c;
$color-5: #cb5a33;

TAILWIND

colors: {
  'brand-1': '#50725f',
  'brand-2': '#f1d640',
  'brand-3': '#ffb642',
  'brand-4': '#da7b0c',
  'brand-5': '#cb5a33',
}

RGB Array

[80, 114, 95], [241, 214, 64], [255, 182, 66], [218, 123, 12], [203, 90, 51]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #50725F, #F1D640, #FFB642, #DA7B0C, #CB5A33 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: #50725f; --color-2: #f1d640; --color-3: #ffb642; --color-4: #da7b0c; --color-5: #cb5a33. 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