← Back to Editor

#75625A · #A95F29 · #C97C00 · #DB931F · #DBBB88

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

#75625A

Tangerine · DimGray · Amber Brown

HEX
#75625A
RGB
rgb(117, 98, 90)
HSL
hsl(18, 13%, 41%)
HSB
hsb(18, 23%, 46%)
CMYK
cmyk(0%, 16%, 23%, 54%)
Oklch
oklch(51.2% 0.028 44.1)

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

#A95F29

Tangerine · Sienna · Amber Brown

HEX
#A95F29
RGB
rgb(169, 95, 41)
HSL
hsl(25, 61%, 41%)
HSB
hsb(25, 76%, 66%)
CMYK
cmyk(0%, 44%, 76%, 34%)
Oklch
oklch(56.1% 0.117 53.5)

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

#C97C00

Ochre · DarkGoldenRod · Amber Brown

HEX
#C97C00
RGB
rgb(201, 124, 0)
HSL
hsl(37, 100%, 39%)
HSB
hsb(37, 100%, 79%)
CMYK
cmyk(0%, 38%, 100%, 21%)
Oklch
oklch(65.3% 0.144 67.4)

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

#DB931F

Ochre · GoldenRod · Amber Brown

HEX
#DB931F
RGB
rgb(219, 147, 31)
HSL
hsl(37, 75%, 49%)
HSB
hsb(37, 86%, 86%)
CMYK
cmyk(0%, 33%, 86%, 14%)
Oklch
oklch(71.8% 0.146 72.3)

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

#DBBB88

Ginger · BurlyWood · Warm Sun

HEX
#DBBB88
RGB
rgb(219, 187, 136)
HSL
hsl(37, 54%, 70%)
HSB
hsb(37, 38%, 86%)
CMYK
cmyk(0%, 15%, 38%, 14%)
Oklch
oklch(80.8% 0.076 79.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

75625A
5B6E76

Analogous

765B60
75625A
76715B

Triadic

75625A
5B7663
635B76

Split-Comp.

75625A
5B7671
5B6076

Tetradic

75625A
60765B
5B6E76
715B76

Contrast Matrix WCAG 2.1 Contrast

75625A
A95F29
C97C00
DB931F
DBBB88
—
1.2
Fail
1.7
Fail
2.2
Fail
3.1
AA Large
1.2
Fail
—
1.5
Fail
1.9
Fail
2.6
Fail
1.7
Fail
1.5
Fail
—
1.3
Fail
1.8
Fail
2.2
Fail
1.9
Fail
1.3
Fail
—
1.4
Fail
3.1
AA Large
2.6
Fail
1.8
Fail
1.4
Fail
—
White BG
5.8AA
4.8AA
3.3AA Large
2.6Fail
1.8Fail
Black BG
3.7AA Large
4.4AA Large
6.4AA
8.2AAA
11.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

6D6D5C
898836
A8A71E
BCBB3B
CDCD94

Deuteranopia

6E6F5C
8D9339
ACB225
C0C542
CFD197

Tritanopia

745D5E
A54043
C5363B
D75156
D99EA0

Achromatopsia

676767
6F6F6F
858585
9B9B9B
BFBFBF

Shades & Tints Shades & Tints

#75625A

Dark
Light

#A95F29

Dark
Light

#C97C00

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #75625a;
  --color-2: #a95f29;
  --color-3: #c97c00;
  --color-4: #db931f;
  --color-5: #dbbb88;
}

SCSS

$color-1: #75625a;
$color-2: #a95f29;
$color-3: #c97c00;
$color-4: #db931f;
$color-5: #dbbb88;

TAILWIND

colors: {
  'brand-1': '#75625a',
  'brand-2': '#a95f29',
  'brand-3': '#c97c00',
  'brand-4': '#db931f',
  'brand-5': '#dbbb88',
}

RGB Array

[117, 98, 90], [169, 95, 41], [201, 124, 0], [219, 147, 31], [219, 187, 136]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #75625A, #A95F29, #C97C00, #DB931F, #DBBB88 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: #75625a; --color-2: #a95f29; --color-3: #c97c00; --color-4: #db931f; --color-5: #dbbb88. 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