← Back to Editor

#46C0AB · #94B691 · #B7BE3C · #EFBA50 · #372D23

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

#46C0AB

Mineral Blue · MediumAquaMarine · Lake Green

HEX
#46C0AB
RGB
rgb(70, 192, 171)
HSL
hsl(170, 49%, 51%)
HSB
hsb(170, 64%, 75%)
CMYK
cmyk(64%, 0%, 11%, 25%)
Oklch
oklch(73.4% 0.112 179.5)

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

#94B691

Celadon · DarkSeaGreen · Apple Green

HEX
#94B691
RGB
rgb(148, 182, 145)
HSL
hsl(115, 20%, 64%)
HSB
hsb(115, 20%, 71%)
CMYK
cmyk(19%, 0%, 20%, 29%)
Oklch
oklch(74.1% 0.064 142.8)

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

#B7BE3C

Autumn Sage · GoldenRod · Honey Gold

HEX
#B7BE3C
RGB
rgb(183, 190, 60)
HSL
hsl(63, 52%, 49%)
HSB
hsb(63, 68%, 75%)
CMYK
cmyk(4%, 0%, 68%, 25%)
Oklch
oklch(77.2% 0.149 112.4)

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

#EFBA50

Ginger · SandyBrown · Sunflower

HEX
#EFBA50
RGB
rgb(239, 186, 80)
HSL
hsl(40, 83%, 63%)
HSB
hsb(40, 67%, 94%)
CMYK
cmyk(0%, 22%, 67%, 6%)
Oklch
oklch(81.8% 0.136 82.0)

Traditional「Ginger」· Paint「Sunflower」· Creative Lemon Fizz

#372D23

Ochre · DarkSlateGray · Cinnamon

HEX
#372D23
RGB
rgb(55, 45, 35)
HSL
hsl(30, 22%, 18%)
HSB
hsb(30, 36%, 22%)
CMYK
cmyk(0%, 18%, 36%, 78%)
Oklch
oklch(30.5% 0.023 66.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

46C0AB
BF4559

Analogous

45BF6E
46C0AB
4596BF

Triadic

46C0AB
AB45BF
BFAB45

Split-Comp.

46C0AB
BF4596
BF6E45

Tetradic

46C0AB
6E45BF
BF4559
96BF45

Contrast Matrix WCAG 2.1 Contrast

46C0AB
94B691
B7BE3C
EFBA50
372D23
—
1.0
Fail
1.1
Fail
1.3
Fail
6.0
AA
1.0
Fail
—
1.1
Fail
1.3
Fail
6.0
AA
1.1
Fail
1.1
Fail
—
1.1
Fail
6.7
AA
1.3
Fail
1.3
Fail
1.1
Fail
—
7.6
AAA
6.0
AA
6.0
AA
6.7
AA
7.6
AAA
—
White BG
2.2Fail
2.2Fail
2.0Fail
1.8Fail
13.4AAA
Black BG
9.4AAA
9.4AAA
10.4AAA
11.8AAA
1.6Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

7B7CB0
A3A39A
BABA5B
D8D86A
333325

Deuteranopia

746BB1
A19E9C
BAB963
DBDF70
333426

Tritanopia

4CB4B5
96A1A3
B7747A
EC7E82
372728

Achromatopsia

999999
A8A8A8
ADADAD
BEBEBE
2F2F2F

Shades & Tints Shades & Tints

#46C0AB

Dark
Light

#94B691

Dark
Light

#B7BE3C

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #46c0ab;
  --color-2: #94b691;
  --color-3: #b7be3c;
  --color-4: #efba50;
  --color-5: #372d23;
}

SCSS

$color-1: #46c0ab;
$color-2: #94b691;
$color-3: #b7be3c;
$color-4: #efba50;
$color-5: #372d23;

TAILWIND

colors: {
  'brand-1': '#46c0ab',
  'brand-2': '#94b691',
  'brand-3': '#b7be3c',
  'brand-4': '#efba50',
  'brand-5': '#372d23',
}

RGB Array

[70, 192, 171], [148, 182, 145], [183, 190, 60], [239, 186, 80], [55, 45, 35]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #46C0AB, #94B691, #B7BE3C, #EFBA50, #372D23 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: #46c0ab; --color-2: #94b691; --color-3: #b7be3c; --color-4: #efba50; --color-5: #372d23. 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