← Back to Editor

#484039 · #E23141 · #B88946 · #A1C273 · #94C6CD

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 LibraryData Visualization

Color Details Color Details

#484039

Tangerine · DarkSlateGray · Cinnamon

HEX
#484039
RGB
rgb(72, 64, 57)
HSL
hsl(28, 12%, 25%)
HSB
hsb(28, 21%, 28%)
CMYK
cmyk(0%, 11%, 21%, 72%)
Oklch
oklch(37.7% 0.016 63.5)

Traditional「Tangerine」· Paint「Cinnamon」· Creative Blush Sunrise

#E23141

Vermilion · Crimson · Passion Red

HEX
#E23141
RGB
rgb(226, 49, 65)
HSL
hsl(355, 75%, 54%)
HSB
hsb(355, 78%, 89%)
CMYK
cmyk(0%, 78%, 71%, 11%)
Oklch
oklch(59.8% 0.211 22.2)

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

#B88946

Ochre · Chocolate · Amber Brown

HEX
#B88946
RGB
rgb(184, 137, 70)
HSL
hsl(35, 45%, 50%)
HSB
hsb(35, 62%, 72%)
CMYK
cmyk(0%, 26%, 62%, 28%)
Oklch
oklch(66.2% 0.102 74.1)

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

#A1C273

Willow Green · DarkSeaGreen · Apple Green

HEX
#A1C273
RGB
rgb(161, 194, 115)
HSL
hsl(85, 39%, 61%)
HSB
hsb(85, 41%, 76%)
CMYK
cmyk(17%, 0%, 41%, 24%)
Oklch
oklch(77.1% 0.111 127.3)

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

#94C6CD

Sky Blue · LightSteelBlue · Lake Green

HEX
#94C6CD
RGB
rgb(148, 198, 205)
HSL
hsl(187, 36%, 69%)
HSB
hsb(187, 28%, 80%)
CMYK
cmyk(28%, 3%, 0%, 20%)
Oklch
oklch(79.4% 0.053 206.9)

Traditional「Sky Blue」· Paint「Lake Green」· Creative Arctic Pool

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

484039
384047

Analogous

473839
484039
474738

Triadic

484039
38473F
3F3847

Split-Comp.

484039
384747
383947

Tetradic

484039
394738
384047
473847

Contrast Matrix WCAG 2.1 Contrast

484039
E23141
B88946
A1C273
94C6CD
—
2.3
Fail
3.2
AA Large
5.1
AA
5.4
AA
2.3
Fail
—
1.4
Fail
2.2
Fail
2.4
Fail
3.2
AA Large
1.4
Fail
—
1.6
Fail
1.7
Fail
5.1
AA
2.2
Fail
1.6
Fail
—
1.1
Fail
5.4
AA
2.4
Fail
1.7
Fail
1.1
Fail
—
White BG
10.2AAA
4.4AA Large
3.1AA Large
2.0Fail
1.9Fail
Black BG
2.1Fail
4.7AA
6.7AA
10.5AAA
11.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

45443B
95943D
A4A356
AFB086
AAAACB

Deuteranopia

45463B
A0AD3C
A6AA5A
ADAB8B
A7A3CB

Tritanopia

483C3C
D93A39
B66366
A39599
97CACA

Achromatopsia

424242
686868
8F8F8F
AFAFAF
B8B8B8

Shades & Tints Shades & Tints

#484039

Dark
Light

#E23141

Dark
Light

#B88946

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #484039;
  --color-2: #e23141;
  --color-3: #b88946;
  --color-4: #a1c273;
  --color-5: #94c6cd;
}

SCSS

$color-1: #484039;
$color-2: #e23141;
$color-3: #b88946;
$color-4: #a1c273;
$color-5: #94c6cd;

TAILWIND

colors: {
  'brand-1': '#484039',
  'brand-2': '#e23141',
  'brand-3': '#b88946',
  'brand-4': '#a1c273',
  'brand-5': '#94c6cd',
}

RGB Array

[72, 64, 57], [226, 49, 65], [184, 137, 70], [161, 194, 115], [148, 198, 205]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #484039, #E23141, #B88946, #A1C273, #94C6CD is ideal for: infographics, data visualization, accessible design. High contrast ensures clear visual hierarchy and readability. 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: #484039; --color-2: #e23141; --color-3: #b88946; --color-4: #a1c273; --color-5: #94c6cd. 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 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