← Back to Editor

#E6DB32 · #97DBBF · #10898B · #3F2518 · #BC8C41

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

#E6DB32

Autumn Sage · Gold · Sunflower

HEX
#E6DB32
RGB
rgb(230, 219, 50)
HSL
hsl(56, 78%, 55%)
HSB
hsb(56, 78%, 90%)
CMYK
cmyk(0%, 5%, 78%, 10%)
Oklch
oklch(87.3% 0.174 105.5)

Traditional「Autumn Sage」· Paint「Sunflower」· Creative Blush Sunrise

#97DBBF

Jade · LightBlue · Apple Green

HEX
#97DBBF
RGB
rgb(151, 219, 191)
HSL
hsl(155, 49%, 73%)
HSB
hsb(155, 31%, 86%)
CMYK
cmyk(31%, 0%, 13%, 14%)
Oklch
oklch(83.8% 0.079 166.9)

Traditional「Jade」· Paint「Apple Green」· Creative Arctic Pool

#10898B

Lake Blue · Teal · Mint Ice

HEX
#10898B
RGB
rgb(16, 137, 139)
HSL
hsl(181, 79%, 30%)
HSB
hsb(181, 88%, 55%)
CMYK
cmyk(88%, 1%, 0%, 45%)
Oklch
oklch(57.3% 0.095 196.7)

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

#3F2518

Tangerine · DarkSlateGray · Cinnamon

HEX
#3F2518
RGB
rgb(63, 37, 24)
HSL
hsl(20, 45%, 17%)
HSB
hsb(20, 62%, 25%)
CMYK
cmyk(0%, 41%, 62%, 75%)
Oklch
oklch(29.4% 0.045 47.0)

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

#BC8C41

Ochre · GoldenRod · Amber Brown

HEX
#BC8C41
RGB
rgb(188, 140, 65)
HSL
hsl(37, 49%, 50%)
HSB
hsb(37, 65%, 74%)
CMYK
cmyk(0%, 26%, 65%, 26%)
Oklch
oklch(67.2% 0.109 76.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E6DB32
333FE6

Analogous

E68033
E6DB32
98E633

Triadic

E6DB32
33E6DA
DA33E6

Split-Comp.

E6DB32
3398E6
8033E6

Tetradic

E6DB32
33E680
333FE6
E63398

Contrast Matrix WCAG 2.1 Contrast

E6DB32
97DBBF
10898B
3F2518
BC8C41
—
1.1
Fail
2.9
Fail
9.8
AAA
2.1
Fail
1.1
Fail
—
2.7
Fail
8.9
AAA
1.9
Fail
2.9
Fail
2.7
Fail
—
3.3
AA Large
1.4
Fail
9.8
AAA
8.9
AAA
3.3
AA Large
—
4.7
AA
2.1
Fail
1.9
Fail
1.4
Fail
4.7
AA
—
White BG
1.4Fail
1.6Fail
4.2AA Large
14.1AAA
3.0AA Large
Black BG
14.5AAA
13.2AAA
5.0AA
1.5Fail
7.0AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

E1E15B
B4B5C6
44458B
34341B
A7A753

Deuteranopia

E2E365
B1ABC7
3D348A
35371C
AAAE58

Tritanopia

E57B82
9ACBCC
168A8A
3E1E1E
BA6165

Achromatopsia

CBCBCB
C3C3C3
656565
2B2B2B
929292

Shades & Tints Shades & Tints

#E6DB32

Dark
Light

#97DBBF

Dark
Light

#10898B

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e6db32;
  --color-2: #97dbbf;
  --color-3: #10898b;
  --color-4: #3f2518;
  --color-5: #bc8c41;
}

SCSS

$color-1: #e6db32;
$color-2: #97dbbf;
$color-3: #10898b;
$color-4: #3f2518;
$color-5: #bc8c41;

TAILWIND

colors: {
  'brand-1': '#e6db32',
  'brand-2': '#97dbbf',
  'brand-3': '#10898b',
  'brand-4': '#3f2518',
  'brand-5': '#bc8c41',
}

RGB Array

[230, 219, 50], [151, 219, 191], [16, 137, 139], [63, 37, 24], [188, 140, 65]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E6DB32, #97DBBF, #10898B, #3F2518, #BC8C41 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: #e6db32; --color-2: #97dbbf; --color-3: #10898b; --color-4: #3f2518; --color-5: #bc8c41. 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