← Back to Editor

#CBD492 · #E5DC5E · #F1AD08 · #F6614B · #5A3953

bright

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarm

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial AppData Visualization

Color Details Color Details

#CBD492

Fresh Green · Tan · Sunflower

HEX
#CBD492
RGB
rgb(203, 212, 146)
HSL
hsl(68, 43%, 70%)
HSB
hsb(68, 31%, 83%)
CMYK
cmyk(4%, 0%, 31%, 17%)
Oklch
oklch(84.7% 0.087 114.6)

Traditional「Fresh Green」· Paint「Sunflower」· Creative Lemon Fizz

#E5DC5E

Fresh Green · Khaki · Sunflower

HEX
#E5DC5E
RGB
rgb(229, 220, 94)
HSL
hsl(56, 72%, 63%)
HSB
hsb(56, 59%, 90%)
CMYK
cmyk(0%, 4%, 59%, 10%)
Oklch
oklch(87.8% 0.146 105.2)

Traditional「Fresh Green」· Paint「Sunflower」· Creative Lemon Fizz

#F1AD08

Ochre · Orange · Honey Gold

HEX
#F1AD08
RGB
rgb(241, 173, 8)
HSL
hsl(42, 94%, 49%)
HSB
hsb(42, 97%, 95%)
CMYK
cmyk(0%, 28%, 97%, 5%)
Oklch
oklch(79.1% 0.163 79.9)

Traditional「Ochre」· Paint「Honey Gold」· Creative Blush Sunrise

#F6614B

Peach Pink · Tomato · Coral Red

HEX
#F6614B
RGB
rgb(246, 97, 75)
HSL
hsl(8, 90%, 63%)
HSB
hsb(8, 70%, 96%)
CMYK
cmyk(0%, 61%, 70%, 4%)
Oklch
oklch(68.1% 0.187 30.9)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

#5A3953

Rose Purple · DarkSlateGray · Eggplant

HEX
#5A3953
RGB
rgb(90, 57, 83)
HSL
hsl(313, 22%, 29%)
HSB
hsb(313, 37%, 35%)
CMYK
cmyk(0%, 37%, 8%, 65%)
Oklch
oklch(39.3% 0.061 334.7)

Traditional「Rose Purple」· Paint「Eggplant」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

CBD492
9A92D3

Analogous

D3BB92
CBD492
AAD392

Triadic

CBD492
92CBD3
D392CB

Split-Comp.

CBD492
92AAD3
BB92D3

Tetradic

CBD492
92D3BB
9A92D3
D392AA

Contrast Matrix WCAG 2.1 Contrast

CBD492
E5DC5E
F1AD08
F6614B
5A3953
—
1.1
Fail
1.2
Fail
2.0
Fail
6.2
AA
1.1
Fail
—
1.4
Fail
2.2
Fail
6.9
AA
1.2
Fail
1.4
Fail
—
1.6
Fail
5.0
AA
2.0
Fail
2.2
Fail
1.6
Fail
—
3.1
AA Large
6.2
AA
6.9
AA
5.0
AA
3.1
AA Large
—
White BG
1.6Fail
1.4Fail
2.0Fail
3.1AA Large
9.8AAA
Black BG
13.4AAA
14.7AAA
10.7AAA
6.7AA
2.1Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

CFCFA2
E1E17C
D4D330
B5B450
4C4B4D

Deuteranopia

CECEA6
E2E284
D8DD3A
BEC952
4E504B

Tritanopia

CBAFB1
E5959A
EE4F56
EF5555
584847

Achromatopsia

CACACA
D0D0D0
AFAFAF
8B8B8B
464646

Shades & Tints Shades & Tints

#CBD492

Dark
Light

#E5DC5E

Dark
Light

#F1AD08

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #cbd492;
  --color-2: #e5dc5e;
  --color-3: #f1ad08;
  --color-4: #f6614b;
  --color-5: #5a3953;
}

SCSS

$color-1: #cbd492;
$color-2: #e5dc5e;
$color-3: #f1ad08;
$color-4: #f6614b;
$color-5: #5a3953;

TAILWIND

colors: {
  'brand-1': '#cbd492',
  'brand-2': '#e5dc5e',
  'brand-3': '#f1ad08',
  'brand-4': '#f6614b',
  'brand-5': '#5a3953',
}

RGB Array

[203, 212, 146], [229, 220, 94], [241, 173, 8], [246, 97, 75], [90, 57, 83]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This bright-style palette of #CBD492, #E5DC5E, #F1AD08, #F6614B, #5A3953 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: #cbd492; --color-2: #e5dc5e; --color-3: #f1ad08; --color-4: #f6614b; --color-5: #5a3953. 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 bright-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