← Back to Editor

#6FCCAF · #BDB749 · #FEB317 · #F4DB22 · #F1F10D

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 App

Color Details Color Details

#6FCCAF

Jade · MediumAquaMarine · Lake Green

HEX
#6FCCAF
RGB
rgb(111, 204, 175)
HSL
hsl(161, 48%, 62%)
HSB
hsb(161, 46%, 80%)
CMYK
cmyk(46%, 0%, 14%, 20%)
Oklch
oklch(77.9% 0.099 171.3)

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

#BDB749

Autumn Sage · GoldenRod · Sunflower

HEX
#BDB749
RGB
rgb(189, 183, 73)
HSL
hsl(57, 47%, 51%)
HSB
hsb(57, 61%, 74%)
CMYK
cmyk(0%, 3%, 61%, 26%)
Oklch
oklch(76.3% 0.131 106.2)

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

#FEB317

Ginger · Orange · Sunflower

HEX
#FEB317
RGB
rgb(254, 179, 23)
HSL
hsl(41, 99%, 54%)
HSB
hsb(41, 91%, 100%)
CMYK
cmyk(0%, 30%, 91%, 0%)
Oklch
oklch(81.7% 0.167 77.6)

Traditional「Ginger」· Paint「Sunflower」· Creative Blush Sunrise

#F4DB22

Autumn Sage · Gold · Sunflower

HEX
#F4DB22
RGB
rgb(244, 219, 34)
HSL
hsl(53, 91%, 55%)
HSB
hsb(53, 86%, 96%)
CMYK
cmyk(0%, 10%, 86%, 4%)
Oklch
oklch(88.5% 0.179 100.6)

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

#F1F10D

Autumn Sage · Yellow · Honey Gold

HEX
#F1F10D
RGB
rgb(241, 241, 13)
HSL
hsl(60, 90%, 50%)
HSB
hsb(60, 95%, 95%)
CMYK
cmyk(0%, 0%, 95%, 5%)
Oklch
oklch(92.8% 0.201 109.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

6FCCAF
CD708D

Analogous

70CD81
6FCCAF
70BCCD

Triadic

6FCCAF
AF70CD
CDAF70

Split-Comp.

6FCCAF
CD70BC
CD8170

Tetradic

6FCCAF
8170CD
CD708D
BCCD70

Contrast Matrix WCAG 2.1 Contrast

6FCCAF
BDB749
FEB317
F4DB22
F1F10D
—
1.1
Fail
1.1
Fail
1.4
Fail
1.6
Fail
1.1
Fail
—
1.2
Fail
1.5
Fail
1.7
Fail
1.1
Fail
1.2
Fail
—
1.3
Fail
1.5
Fail
1.4
Fail
1.5
Fail
1.3
Fail
—
1.2
Fail
1.6
Fail
1.7
Fail
1.5
Fail
1.2
Fail
—
White BG
1.9Fail
2.1Fail
1.8Fail
1.4Fail
1.2Fail
Black BG
10.9AAA
10.0AAA
11.7AAA
15.0AAA
17.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

9798B6
BABA64
DEDD3D
E9E94F
F1F144

Deuteranopia

928BB8
BBBB6A
E2E746
EBED5A
F1F151

Tritanopia

74BCBD
BD797D
FA5B61
F3727A
F17079

Achromatopsia

ADADAD
ACACAC
B8B8B8
CDCDCD
D7D7D7

Shades & Tints Shades & Tints

#6FCCAF

Dark
Light

#BDB749

Dark
Light

#FEB317

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #6fccaf;
  --color-2: #bdb749;
  --color-3: #feb317;
  --color-4: #f4db22;
  --color-5: #f1f10d;
}

SCSS

$color-1: #6fccaf;
$color-2: #bdb749;
$color-3: #feb317;
$color-4: #f4db22;
$color-5: #f1f10d;

TAILWIND

colors: {
  'brand-1': '#6fccaf',
  'brand-2': '#bdb749',
  'brand-3': '#feb317',
  'brand-4': '#f4db22',
  'brand-5': '#f1f10d',
}

RGB Array

[111, 204, 175], [189, 183, 73], [254, 179, 23], [244, 219, 34], [241, 241, 13]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #6FCCAF, #BDB749, #FEB317, #F4DB22, #F1F10D is ideal for: social media posters, mobile apps, e-commerce promos. Vivid colors effectively attract user attention. 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: #6fccaf; --color-2: #bdb749; --color-3: #feb317; --color-4: #f4db22; --color-5: #f1f10d. 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. 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