← Back to Editor

#CA9128 · #9A7830 · #180300 · #7FCDA3 · #E5FF9A

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

#CA9128

Ochre · GoldenRod · Amber Brown

HEX
#CA9128
RGB
rgb(202, 145, 40)
HSL
hsl(39, 67%, 47%)
HSB
hsb(39, 80%, 79%)
CMYK
cmyk(0%, 28%, 80%, 21%)
Oklch
oklch(69.5% 0.133 77.6)

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

#9A7830

Ochre · Sienna · Honey Gold

HEX
#9A7830
RGB
rgb(154, 120, 48)
HSL
hsl(41, 52%, 40%)
HSB
hsb(41, 69%, 60%)
CMYK
cmyk(0%, 22%, 69%, 40%)
Oklch
oklch(59.2% 0.099 83.3)

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

#180300

Vermilion · Black · Deep Berry

HEX
#180300
RGB
rgb(24, 3, 0)
HSL
hsl(8, 100%, 5%)
HSB
hsb(8, 100%, 9%)
CMYK
cmyk(0%, 88%, 100%, 91%)
Oklch
oklch(14.2% 0.045 39.8)

Traditional「Vermilion」· Paint「Deep Berry」· Creative Blush Sunrise

#7FCDA3

Celadon · MediumAquaMarine · Apple Green

HEX
#7FCDA3
RGB
rgb(127, 205, 163)
HSL
hsl(148, 44%, 65%)
HSB
hsb(148, 38%, 80%)
CMYK
cmyk(38%, 0%, 20%, 20%)
Oklch
oklch(78.6% 0.099 159.5)

Traditional「Celadon」· Paint「Apple Green」· Creative Mint Breeze

#E5FF9A

Willow Green · Khaki · Apple Green

HEX
#E5FF9A
RGB
rgb(229, 255, 154)
HSL
hsl(75, 100%, 80%)
HSB
hsb(75, 40%, 100%)
CMYK
cmyk(10%, 0%, 40%, 0%)
Oklch
oklch(95.9% 0.129 120.7)

Traditional「Willow Green」· Paint「Apple Green」· Creative Mint Breeze

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

CA9128
2860C8

Analogous

C84028
CA9128
B0C828

Triadic

CA9128
28C890
9028C8

Split-Comp.

CA9128
28B0C8
4028C8

Tetradic

CA9128
28C840
2860C8
C828B0

Contrast Matrix WCAG 2.1 Contrast

CA9128
9A7830
180300
7FCDA3
E5FF9A
—
1.5
Fail
7.2
AAA
1.5
Fail
2.5
Fail
1.5
Fail
—
4.9
AA
2.2
Fail
3.7
AA Large
7.2
AAA
4.9
AA
—
10.6
AAA
18.2
AAA
1.5
Fail
2.2
Fail
10.6
AAA
—
1.7
Fail
2.5
Fail
3.7
AA Large
18.2
AAA
1.7
Fail
—
White BG
2.8Fail
4.1AA Large
20.0AAA
1.9Fail
1.1Fail
Black BG
7.6AAA
5.1AA
1.1Fail
11.2AAA
19.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

B1B141
8B8B41
0F0F01
A1A1AD
F0F0B2

Deuteranopia

B5B948
8D9046
101201
9C96B0
EFEDB8

Tritanopia

C7555A
984F52
170101
83B5B7
E6C6CA

Achromatopsia

969696
7A7A7A
090909
B1B1B1
ECECEC

Shades & Tints Shades & Tints

#CA9128

Dark
Light

#9A7830

Dark
Light

#180300

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ca9128;
  --color-2: #9a7830;
  --color-3: #180300;
  --color-4: #7fcda3;
  --color-5: #e5ff9a;
}

SCSS

$color-1: #ca9128;
$color-2: #9a7830;
$color-3: #180300;
$color-4: #7fcda3;
$color-5: #e5ff9a;

TAILWIND

colors: {
  'brand-1': '#ca9128',
  'brand-2': '#9a7830',
  'brand-3': '#180300',
  'brand-4': '#7fcda3',
  'brand-5': '#e5ff9a',
}

RGB Array

[202, 145, 40], [154, 120, 48], [24, 3, 0], [127, 205, 163], [229, 255, 154]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #CA9128, #9A7830, #180300, #7FCDA3, #E5FF9A 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: #ca9128; --color-2: #9a7830; --color-3: #180300; --color-4: #7fcda3; --color-5: #e5ff9a. 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