← Back to Editor

#8AC0B1 · #FEEFC1 · #EFA941 · #DF6B3F · #654947

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

#8AC0B1

Jade · DarkSeaGreen · Lake Green

HEX
#8AC0B1
RGB
rgb(138, 192, 177)
HSL
hsl(163, 30%, 65%)
HSB
hsb(163, 28%, 75%)
CMYK
cmyk(28%, 0%, 8%, 25%)
Oklch
oklch(76.6% 0.060 175.5)

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

#FEEFC1

Goose Yellow · Bisque · Lemon Cream

HEX
#FEEFC1
RGB
rgb(254, 239, 193)
HSL
hsl(45, 97%, 88%)
HSB
hsb(45, 24%, 100%)
CMYK
cmyk(0%, 6%, 24%, 0%)
Oklch
oklch(95.3% 0.062 92.1)

Traditional「Goose Yellow」· Paint「Lemon Cream」· Creative Lemon Fizz

#EFA941

Ginger · SandyBrown · Warm Sun

HEX
#EFA941
RGB
rgb(239, 169, 65)
HSL
hsl(36, 84%, 60%)
HSB
hsb(36, 73%, 94%)
CMYK
cmyk(0%, 29%, 73%, 6%)
Oklch
oklch(78.4% 0.142 73.3)

Traditional「Ginger」· Paint「Warm Sun」· Creative Blush Sunrise

#DF6B3F

Tangerine · Tomato · Warm Sun

HEX
#DF6B3F
RGB
rgb(223, 107, 63)
HSL
hsl(17, 71%, 56%)
HSB
hsb(17, 72%, 87%)
CMYK
cmyk(0%, 52%, 72%, 13%)
Oklch
oklch(65.9% 0.157 40.6)

Traditional「Tangerine」· Paint「Warm Sun」· Creative Blush Sunrise

#654947

Crimson · DarkOliveGreen · Wine Red

HEX
#654947
RGB
rgb(101, 73, 71)
HSL
hsl(4, 17%, 34%)
HSB
hsb(4, 30%, 40%)
CMYK
cmyk(0%, 28%, 30%, 60%)
Oklch
oklch(43.5% 0.039 23.4)

Traditional「Crimson」· Paint「Wine Red」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

8AC0B1
C18B9A

Analogous

8BC197
8AC0B1
8BB5C1

Triadic

8AC0B1
B18BC1
C1B18B

Split-Comp.

8AC0B1
C18BB5
C1978B

Tetradic

8AC0B1
978BC1
C18B9A
B5C18B

Contrast Matrix WCAG 2.1 Contrast

8AC0B1
FEEFC1
EFA941
DF6B3F
654947
—
1.8
Fail
1.0
Fail
1.6
Fail
3.9
AA Large
1.8
Fail
—
1.8
Fail
2.9
Fail
7.1
AAA
1.0
Fail
1.8
Fail
—
1.7
Fail
4.0
AA Large
1.6
Fail
2.9
Fail
1.7
Fail
—
2.4
Fail
3.9
AA Large
7.1
AAA
4.0
AA Large
2.4
Fail
—
White BG
2.0Fail
1.1Fail
2.0Fail
3.3AA Large
8.1AAA
Black BG
10.3AAA
18.3AAA
10.4AAA
6.3AA
2.6Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

A1A2B5
F8F7CC
D1D05A
ADAC4A
595947

Deuteranopia

9E9AB6
F8FACF
D5DA60
B4BC4C
5B5D48

Tritanopia

8DB7B8
FDD5D7
EB6E72
D95254
644848

Achromatopsia

AEAEAE
EEEEEE
B2B2B2
898989
515151

Shades & Tints Shades & Tints

#8AC0B1

Dark
Light

#FEEFC1

Dark
Light

#EFA941

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #8ac0b1;
  --color-2: #feefc1;
  --color-3: #efa941;
  --color-4: #df6b3f;
  --color-5: #654947;
}

SCSS

$color-1: #8ac0b1;
$color-2: #feefc1;
$color-3: #efa941;
$color-4: #df6b3f;
$color-5: #654947;

TAILWIND

colors: {
  'brand-1': '#8ac0b1',
  'brand-2': '#feefc1',
  'brand-3': '#efa941',
  'brand-4': '#df6b3f',
  'brand-5': '#654947',
}

RGB Array

[138, 192, 177], [254, 239, 193], [239, 169, 65], [223, 107, 63], [101, 73, 71]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #8AC0B1, #FEEFC1, #EFA941, #DF6B3F, #654947 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: #8ac0b1; --color-2: #feefc1; --color-3: #efa941; --color-4: #df6b3f; --color-5: #654947. 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