#C2B500 + #B8932B + #4A493E + #DA016B + #A58173 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#C2B500

Autumn Sage · GoldenRod · Honey Gold

HEX

#C2B500

RGB

rgb(194, 181, 0)

HSL

hsl(56, 100%, 38%)

HSB

hsb(56, 100%, 76%)

CMYK

cmyk(0%, 7%, 100%, 24%)

Oklch

oklch(76.0% 0.161 104.4)

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

#B8932B

Ochre · DarkGoldenRod · Honey Gold

HEX

#B8932B

RGB

rgb(184, 147, 43)

HSL

hsl(44, 62%, 45%)

HSB

hsb(44, 77%, 72%)

CMYK

cmyk(0%, 20%, 77%, 28%)

Oklch

oklch(68.0% 0.124 88.1)

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

#4A493E

Autumn Sage · DarkSlateGray · Charcoal

HEX

#4A493E

RGB

rgb(74, 73, 62)

HSL

hsl(55, 9%, 27%)

HSB

hsb(55, 16%, 29%)

CMYK

cmyk(0%, 1%, 16%, 71%)

Oklch

oklch(40.3% 0.018 102.9)

Traditional「Autumn Sage」· Paint「Charcoal」· Creative Midnight Shadow

#DA016B

Dark Violet · MediumVioletRed · Camellia

HEX

#DA016B

RGB

rgb(218, 1, 107)

HSL

hsl(331, 99%, 43%)

HSB

hsb(331, 100%, 85%)

CMYK

cmyk(0%, 100%, 51%, 15%)

Oklch

oklch(57.3% 0.231 3.0)

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

#A58173

Tangerine · Gray · Warm Sun

HEX

#A58173

RGB

rgb(165, 129, 115)

HSL

hsl(17, 22%, 55%)

HSB

hsb(17, 30%, 65%)

CMYK

cmyk(0%, 22%, 30%, 35%)

Oklch

oklch(63.4% 0.049 42.3)

Traditional「Tangerine」· Paint「Warm Sun」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C2B500

000DC2

Analogous

C25400

C2B500

6EC200

Triadic

C2B500

00C2B5

B500C2

Split-Comp.

C2B500

006EC2

5400C2

Tetradic

C2B500

00C254

000DC2

C2006E

Contrast Matrix WCAG 2.1 Contrast

C2B500	B8932B	4A493E	DA016B	A58173
—	1.4 Fail	4.3 AA Large	2.4 Fail	1.7 Fail
1.4 Fail	—	3.1 AA Large	1.7 Fail	1.2 Fail
4.3 AA Large	3.1 AA Large	—	1.8 Fail	2.6 Fail
2.4 Fail	1.7 Fail	1.8 Fail	—	1.4 Fail
1.7 Fail	1.2 Fail	2.6 Fail	1.4 Fail	—

White BG

2.1Fail

2.9Fail

9.1AAA

5.0AA

3.5AA Large

Black BG

9.9AAA

7.2AAA

2.3Fail

4.2AA Large

6.0AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

BCBC2C

A8A844

4A4A41

7C7A51

959576

Deuteranopia

BDBE36

AAAD4A

4A4A41

89994B

989A77

Tritanopia

C14E56

B6585C

4A4343

CF3D39

A3797A

Achromatopsia

A4A4A4

929292

484848

4E4E4E

8A8A8A

Shades & Tints Shades & Tints

#C2B500

Dark

Light

#B8932B

Dark

Light

#4A493E

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c2b500;
  --color-2: #b8932b;
  --color-3: #4a493e;
  --color-4: #da016b;
  --color-5: #a58173;
}

SCSS

$color-1: #c2b500;
$color-2: #b8932b;
$color-3: #4a493e;
$color-4: #da016b;
$color-5: #a58173;

TAILWIND

colors: {
  'brand-1': '#c2b500',
  'brand-2': '#b8932b',
  'brand-3': '#4a493e',
  'brand-4': '#da016b',
  'brand-5': '#a58173',
}

RGB Array

[194, 181, 0], [184, 147, 43], [74, 73, 62], [218, 1, 107], [165, 129, 115]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #C2B500, #B8932B, #4A493E, #DA016B, #A58173 is ideal for: corporate websites, product showcases, portfolios. It is a balanced and harmonious choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #c2b500; --color-2: #b8932b; --color-3: #4a493e; --color-4: #da016b; --color-5: #a58173. 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 tech, SaaS, healthcare, eco industries. 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