← Back to Editor

#E5A212 · #C9AF55 · #ACBC98 · #69A79C · #2592A0

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#E5A212

Ochre · GoldenRod · Honey Gold

HEX
#E5A212
RGB
rgb(229, 162, 18)
HSL
hsl(41, 85%, 48%)
HSB
hsb(41, 92%, 90%)
CMYK
cmyk(0%, 29%, 92%, 10%)
Oklch
oklch(75.7% 0.155 78.2)

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

#C9AF55

Ginger · SandyBrown · Sunflower

HEX
#C9AF55
RGB
rgb(201, 175, 85)
HSL
hsl(47, 52%, 56%)
HSB
hsb(47, 58%, 79%)
CMYK
cmyk(0%, 13%, 58%, 21%)
Oklch
oklch(75.9% 0.114 93.4)

Traditional「Ginger」· Paint「Sunflower」· Creative Blush Sunrise

#ACBC98

Willow Green · DarkGray · Apple Green

HEX
#ACBC98
RGB
rgb(172, 188, 152)
HSL
hsl(87, 21%, 67%)
HSB
hsb(87, 19%, 74%)
CMYK
cmyk(9%, 0%, 19%, 26%)
Oklch
oklch(77.3% 0.053 127.1)

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

#69A79C

Mineral Blue · CadetBlue · Lake Green

HEX
#69A79C
RGB
rgb(105, 167, 156)
HSL
hsl(169, 26%, 53%)
HSB
hsb(169, 37%, 65%)
CMYK
cmyk(37%, 0%, 7%, 35%)
Oklch
oklch(68.3% 0.066 181.8)

Traditional「Mineral Blue」· Paint「Lake Green」· Creative Blush Sunrise

#2592A0

Lake Blue · LightSeaGreen · Mint Ice

HEX
#2592A0
RGB
rgb(37, 146, 160)
HSL
hsl(187, 62%, 39%)
HSB
hsb(187, 77%, 63%)
CMYK
cmyk(77%, 9%, 0%, 37%)
Oklch
oklch(60.7% 0.095 207.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E5A212
1254E2

Analogous

E23912
E5A212
BCE212

Triadic

E5A212
12E2A1
A112E2

Split-Comp.

E5A212
12BCE2
3912E2

Tetradic

E5A212
12E239
1254E2
E212BC

Contrast Matrix WCAG 2.1 Contrast

E5A212
C9AF55
ACBC98
69A79C
2592A0
—
1.0
Fail
1.1
Fail
1.2
Fail
1.7
Fail
1.0
Fail
—
1.1
Fail
1.3
Fail
1.7
Fail
1.1
Fail
1.1
Fail
—
1.4
Fail
1.8
Fail
1.2
Fail
1.3
Fail
1.4
Fail
—
1.3
Fail
1.7
Fail
1.7
Fail
1.8
Fail
1.3
Fail
—
White BG
2.2Fail
2.2Fail
2.0Fail
2.8Fail
3.7AA Large
Black BG
9.5AAA
9.7AAA
10.4AAA
7.6AAA
5.7AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

C8C735
BEBE6B
B3B3A1
84849F
54559D

Deuteranopia

CCD13D
BFC170
B2B1A3
807C9F
4E469C

Tritanopia

E25056
C87C80
ADA8A9
6CA1A1
2A9A99

Achromatopsia

A6A6A6
ADADAD
B3B3B3
939393
737373

Shades & Tints Shades & Tints

#E5A212

Dark
Light

#C9AF55

Dark
Light

#ACBC98

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e5a212;
  --color-2: #c9af55;
  --color-3: #acbc98;
  --color-4: #69a79c;
  --color-5: #2592a0;
}

SCSS

$color-1: #e5a212;
$color-2: #c9af55;
$color-3: #acbc98;
$color-4: #69a79c;
$color-5: #2592a0;

TAILWIND

colors: {
  'brand-1': '#e5a212',
  'brand-2': '#c9af55',
  'brand-3': '#acbc98',
  'brand-4': '#69a79c',
  'brand-5': '#2592a0',
}

RGB Array

[229, 162, 18], [201, 175, 85], [172, 188, 152], [105, 167, 156], [37, 146, 160]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E5A212, #C9AF55, #ACBC98, #69A79C, #2592A0 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: #e5a212; --color-2: #c9af55; --color-3: #acbc98; --color-4: #69a79c; --color-5: #2592a0. 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