← Back to Editor

#481802 · #913504 · #6C590C · #C4872A · #F2CB90

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

#481802

Tangerine · Maroon · Cinnamon

HEX
#481802
RGB
rgb(72, 24, 2)
HSL
hsl(19, 95%, 15%)
HSB
hsb(19, 97%, 28%)
CMYK
cmyk(0%, 67%, 97%, 72%)
Oklch
oklch(28.1% 0.080 42.8)

Traditional「Tangerine」· Paint「Cinnamon」· Creative Blush Sunrise

#913504

Tangerine · Brown · Amber Brown

HEX
#913504
RGB
rgb(145, 53, 4)
HSL
hsl(21, 95%, 29%)
HSB
hsb(21, 97%, 57%)
CMYK
cmyk(0%, 63%, 97%, 43%)
Oklch
oklch(45.5% 0.135 42.0)

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

#6C590C

Ochre · Olive · Amber Gold

HEX
#6C590C
RGB
rgb(108, 89, 12)
HSL
hsl(48, 80%, 24%)
HSB
hsb(48, 89%, 42%)
CMYK
cmyk(0%, 18%, 89%, 58%)
Oklch
oklch(47.0% 0.091 93.6)

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

#C4872A

Ochre · DarkGoldenRod · Amber Brown

HEX
#C4872A
RGB
rgb(196, 135, 42)
HSL
hsl(36, 65%, 47%)
HSB
hsb(36, 79%, 77%)
CMYK
cmyk(0%, 31%, 79%, 23%)
Oklch
oklch(66.9% 0.127 72.9)

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

#F2CB90

Goose Yellow · Khaki · Peach Orange

HEX
#F2CB90
RGB
rgb(242, 203, 144)
HSL
hsl(36, 79%, 76%)
HSB
hsb(36, 40%, 95%)
CMYK
cmyk(0%, 16%, 40%, 5%)
Oklch
oklch(86.2% 0.087 77.5)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

481802
02344B

Analogous

4B020F
481802
4B3D02

Triadic

481802
024B19
19024B

Split-Comp.

481802
024B3D
020F4B

Tetradic

481802
0F4B02
02344B
3D024B

Contrast Matrix WCAG 2.1 Contrast

481802
913504
6C590C
C4872A
F2CB90
—
1.9
Fail
2.2
Fail
4.9
AA
9.8
AAA
1.9
Fail
—
1.1
Fail
2.5
Fail
5.1
AA
2.2
Fail
1.1
Fail
—
2.2
Fail
4.5
AA Large
4.9
AA
2.5
Fail
2.2
Fail
—
2.0
Fail
9.8
AAA
5.1
AA
4.5
AA Large
2.0
Fail
—
White BG
14.9AAA
7.7AAA
6.8AA
3.1AA Large
1.5Fail
Black BG
1.4Fail
2.7Fail
3.1AA Large
6.8AA
13.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

333307
696810
64641F
AAA941
E1E19E

Deuteranopia

363A09
6F7513
656623
ADB246
E3E6A2

Tritanopia

460C0C
8C191B
6B2D31
C15256
F0AAAC

Achromatopsia

242424
4B4B4B
565656
8F8F8F
D0D0D0

Shades & Tints Shades & Tints

#481802

Dark
Light

#913504

Dark
Light

#6C590C

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #481802;
  --color-2: #913504;
  --color-3: #6c590c;
  --color-4: #c4872a;
  --color-5: #f2cb90;
}

SCSS

$color-1: #481802;
$color-2: #913504;
$color-3: #6c590c;
$color-4: #c4872a;
$color-5: #f2cb90;

TAILWIND

colors: {
  'brand-1': '#481802',
  'brand-2': '#913504',
  'brand-3': '#6c590c',
  'brand-4': '#c4872a',
  'brand-5': '#f2cb90',
}

RGB Array

[72, 24, 2], [145, 53, 4], [108, 89, 12], [196, 135, 42], [242, 203, 144]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #481802, #913504, #6C590C, #C4872A, #F2CB90 is ideal for: social media posters, mobile apps, e-commerce promos, tech websites, dark mode UIs, game UIs, 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: #481802; --color-2: #913504; --color-3: #6c590c; --color-4: #c4872a; --color-5: #f2cb90. 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?

Dark tones work well as backgrounds; pair with light text for readability. Use the brightest color for CTA buttons and interactive elements. 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