← Back to Editor

#FEC76A · #A49E48 · #58CFF9 · #16A1C8 · #0E1505

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarmCool

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial AppData Visualization

Color Details Color Details

#FEC76A

Goose Yellow · SandyBrown · Warm Sun

HEX
#FEC76A
RGB
rgb(254, 199, 106)
HSL
hsl(38, 99%, 71%)
HSB
hsb(38, 58%, 100%)
CMYK
cmyk(0%, 22%, 58%, 0%)
Oklch
oklch(86.1% 0.127 78.9)

Traditional「Goose Yellow」· Paint「Warm Sun」· Creative Honey Glow

#A49E48

Autumn Sage · GoldenRod · Honey Gold

HEX
#A49E48
RGB
rgb(164, 158, 72)
HSL
hsl(56, 39%, 46%)
HSB
hsb(56, 56%, 64%)
CMYK
cmyk(0%, 4%, 56%, 36%)
Oklch
oklch(68.6% 0.108 105.2)

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

#58CFF9

Sky Blue · LightSkyBlue · Lake Green

HEX
#58CFF9
RGB
rgb(88, 207, 249)
HSL
hsl(196, 93%, 66%)
HSB
hsb(196, 65%, 98%)
CMYK
cmyk(65%, 17%, 0%, 2%)
Oklch
oklch(80.3% 0.121 224.8)

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

#16A1C8

Lake Blue · LightSeaGreen · Mint Ice

HEX
#16A1C8
RGB
rgb(22, 161, 200)
HSL
hsl(193, 80%, 44%)
HSB
hsb(193, 89%, 78%)
CMYK
cmyk(89%, 20%, 0%, 22%)
Oklch
oklch(66.0% 0.120 223.9)

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

#0E1505

Grass Green · Black · Dark Green

HEX
#0E1505
RGB
rgb(14, 21, 5)
HSL
hsl(86, 62%, 5%)
HSB
hsb(86, 76%, 8%)
CMYK
cmyk(33%, 0%, 76%, 92%)
Oklch
oklch(18.3% 0.033 127.8)

Traditional「Grass Green」· Paint「Dark Green」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FEC76A
6CA2FE

Analogous

FE7F6C
FEC76A
EBFE6C

Triadic

FEC76A
6CFEC9
C96CFE

Split-Comp.

FEC76A
6CEBFE
7F6CFE

Tetradic

FEC76A
6CFE7F
6CA2FE
FE6CEB

Contrast Matrix WCAG 2.1 Contrast

FEC76A
A49E48
58CFF9
16A1C8
0E1505
—
1.8
Fail
1.2
Fail
2.0
Fail
12.0
AAA
1.8
Fail
—
1.5
Fail
1.1
Fail
6.7
AA
1.2
Fail
1.5
Fail
—
1.7
Fail
10.4
AAA
2.0
Fail
1.1
Fail
1.7
Fail
—
6.2
AA
12.0
AAA
6.7
AA
10.4
AAA
6.2
AA
—
White BG
1.5Fail
2.8Fail
1.8Fail
3.0AA Large
18.6AAA
Black BG
13.6AAA
7.6AAA
11.7AAA
7.0AA
1.1Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

E6E681
A1A15D
8C8DEF
5253BF
111109

Deuteranopia

E9ED86
A2A262
857CEC
4A40BC
11100A

Tritanopia

FB9296
A46D71
5EE7E5
1DB7B5
0E0C0D

Achromatopsia

CDCDCD
969696
B0B0B0
7C7C7C
111111

Shades & Tints Shades & Tints

#FEC76A

Dark
Light

#A49E48

Dark
Light

#58CFF9

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fec76a;
  --color-2: #a49e48;
  --color-3: #58cff9;
  --color-4: #16a1c8;
  --color-5: #0e1505;
}

SCSS

$color-1: #fec76a;
$color-2: #a49e48;
$color-3: #58cff9;
$color-4: #16a1c8;
$color-5: #0e1505;

TAILWIND

colors: {
  'brand-1': '#fec76a',
  'brand-2': '#a49e48',
  'brand-3': '#58cff9',
  'brand-4': '#16a1c8',
  'brand-5': '#0e1505',
}

RGB Array

[254, 199, 106], [164, 158, 72], [88, 207, 249], [22, 161, 200], [14, 21, 5]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FEC76A, #A49E48, #58CFF9, #16A1C8, #0E1505 is ideal for: social media posters, mobile apps, e-commerce promos, infographics, data visualization, accessible design. Vivid colors effectively attract user attention. High contrast ensures clear visual hierarchy and readability. It is a vibrant and energetic choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #fec76a; --color-2: #a49e48; --color-3: #58cff9; --color-4: #16a1c8; --color-5: #0e1505. 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 food & dining, entertainment, kids education, social industries. Bold colors convey vitality and innovation. 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