← Back to Editor

#A19B47 · #CBC3B8 · #FC235A · #000A01 · #00808D

A 5-color palette palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarmCool

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial AppData Visualization

Color Details Color Details

#A19B47

Autumn Sage · DarkGoldenRod · Honey Gold

HEX
#A19B47
RGB
rgb(161, 155, 71)
HSL
hsl(56, 39%, 45%)
HSB
hsb(56, 56%, 63%)
CMYK
cmyk(0%, 4%, 56%, 37%)
Oklch
oklch(67.7% 0.106 105.1)

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

#CBC3B8

Goose Yellow · Silver · Peach Orange

HEX
#CBC3B8
RGB
rgb(203, 195, 184)
HSL
hsl(35, 15%, 76%)
HSB
hsb(35, 9%, 80%)
CMYK
cmyk(0%, 4%, 9%, 20%)
Oklch
oklch(82.1% 0.018 76.1)

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

#FC235A

Vermilion · Crimson · Passion Red

HEX
#FC235A
RGB
rgb(252, 35, 90)
HSL
hsl(345, 97%, 56%)
HSB
hsb(345, 86%, 99%)
CMYK
cmyk(0%, 86%, 64%, 1%)
Oklch
oklch(64.0% 0.241 15.3)

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

#000A01

Pine Green · Black · Dark Green

HEX
#000A01
RGB
rgb(0, 10, 1)
HSL
hsl(126, 100%, 2%)
HSB
hsb(126, 100%, 4%)
CMYK
cmyk(100%, 0%, 90%, 96%)
Oklch
oklch(12.6% 0.038 146.3)

Traditional「Pine Green」· Paint「Dark Green」· Creative Blush Sunrise

#00808D

Lake Blue · Teal · Mint Ice

HEX
#00808D
RGB
rgb(0, 128, 141)
HSL
hsl(186, 100%, 28%)
HSB
hsb(186, 100%, 55%)
CMYK
cmyk(100%, 9%, 0%, 45%)
Oklch
oklch(54.8% 0.094 207.2)

Traditional「Lake Blue」· Paint「Mint Ice」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

A19B47
464CA0

Analogous

A06D46
A19B47
79A046

Triadic

A19B47
46A09A
9A46A0

Split-Comp.

A19B47
4679A0
6D46A0

Tetradic

A19B47
46A06D
464CA0
A04679

Contrast Matrix WCAG 2.1 Contrast

A19B47
CBC3B8
FC235A
000A01
00808D
—
1.7
Fail
1.3
Fail
7.0
AA
1.6
Fail
1.7
Fail
—
2.2
Fail
11.5
AAA
2.7
Fail
1.3
Fail
2.2
Fail
—
5.3
AA
1.2
Fail
7.0
AA
11.5
AAA
5.3
AA
—
4.3
AA Large
1.6
Fail
2.7
Fail
1.2
Fail
4.3
AA Large
—
White BG
2.9Fail
1.7Fail
3.8AA Large
20.1AAA
4.7AA
Black BG
7.3AAA
12.0AAA
5.5AA
1.0Fail
4.5AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

9E9E5B
C8C7BB
9E9C4D
040403
37398A

Deuteranopia

9F9F60
C8C9BB
ABBB4A
040304
302689

Tritanopia

A16B6F
CBBDBD
F14240
010505
068787

Achromatopsia

939393
C4C4C4
6A6A6A
060606
5B5B5B

Shades & Tints Shades & Tints

#A19B47

Dark
Light

#CBC3B8

Dark
Light

#FC235A

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #a19b47;
  --color-2: #cbc3b8;
  --color-3: #fc235a;
  --color-4: #000a01;
  --color-5: #00808d;
}

SCSS

$color-1: #a19b47;
$color-2: #cbc3b8;
$color-3: #fc235a;
$color-4: #000a01;
$color-5: #00808d;

TAILWIND

colors: {
  'brand-1': '#a19b47',
  'brand-2': '#cbc3b8',
  'brand-3': '#fc235a',
  'brand-4': '#000a01',
  'brand-5': '#00808d',
}

RGB Array

[161, 155, 71], [203, 195, 184], [252, 35, 90], [0, 10, 1], [0, 128, 141]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #A19B47, #CBC3B8, #FC235A, #000A01, #00808D is ideal for: social media posters, mobile apps, e-commerce promos, 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: #a19b47; --color-2: #cbc3b8; --color-3: #fc235a; --color-4: #000a01; --color-5: #00808d. 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. 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