← Back to Editor

#FFEB06 · #FFC704 · #ED135A · #03BCF5 · #A2DE5A

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

#FFEB06

Autumn Sage · Yellow · Sunflower

HEX
#FFEB06
RGB
rgb(255, 235, 6)
HSL
hsl(55, 100%, 51%)
HSB
hsb(55, 98%, 100%)
CMYK
cmyk(0%, 8%, 98%, 0%)
Oklch
oklch(92.7% 0.194 103.2)

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

#FFC704

Ginger · Gold · Sunflower

HEX
#FFC704
RGB
rgb(255, 199, 4)
HSL
hsl(47, 100%, 51%)
HSB
hsb(47, 98%, 100%)
CMYK
cmyk(0%, 22%, 98%, 0%)
Oklch
oklch(85.6% 0.174 87.9)

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

#ED135A

Dark Violet · Crimson · Camellia

HEX
#ED135A
RGB
rgb(237, 19, 90)
HSL
hsl(340, 86%, 50%)
HSB
hsb(340, 92%, 93%)
CMYK
cmyk(0%, 92%, 62%, 7%)
Oklch
oklch(60.7% 0.236 12.5)

Traditional「Dark Violet」· Paint「Camellia」· Creative Blush Sunrise

#03BCF5

Lake Blue · DeepSkyBlue · Mint Ice

HEX
#03BCF5
RGB
rgb(3, 188, 245)
HSL
hsl(194, 98%, 49%)
HSB
hsb(194, 99%, 96%)
CMYK
cmyk(99%, 23%, 0%, 4%)
Oklch
oklch(74.4% 0.146 229.0)

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

#A2DE5A

Willow Green · GreenYellow · Apple Green

HEX
#A2DE5A
RGB
rgb(162, 222, 90)
HSL
hsl(87, 67%, 61%)
HSB
hsb(87, 59%, 87%)
CMYK
cmyk(27%, 0%, 59%, 13%)
Oklch
oklch(83.3% 0.174 130.0)

Traditional「Willow Green」· Paint「Apple Green」· Creative Mint Breeze

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FFEB06
051AFF

Analogous

FF6D05
FFEB06
97FF05

Triadic

FFEB06
05FFEA
EA05FF

Split-Comp.

FFEB06
0597FF
6D05FF

Tetradic

FFEB06
05FF6D
051AFF
FF0597

Contrast Matrix WCAG 2.1 Contrast

FFEB06
FFC704
ED135A
03BCF5
A2DE5A
—
1.3
Fail
3.5
AA Large
1.8
Fail
1.3
Fail
1.3
Fail
—
2.8
Fail
1.4
Fail
1.0
Fail
3.5
AA Large
2.8
Fail
—
2.0
Fail
2.7
Fail
1.8
Fail
1.4
Fail
2.0
Fail
—
1.4
Fail
1.3
Fail
1.0
Fail
2.7
Fail
1.4
Fail
—
White BG
1.2Fail
1.6Fail
4.3AA Large
2.2Fail
1.6Fail
Black BG
17.1AAA
13.4AAA
4.8AA
9.5AAA
13.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

F6F63D
E7E633
8F8D49
5355E7
BCBD7A

Deuteranopia

F8F94B
EAEE3E
9BAC45
483BE4
B9B482

Tritanopia

FE6973
FC5861
E23B38
0CDCDA
A59399

Achromatopsia

D7D7D7
C2C2C2
5C5C5C
8B8B8B
BDBDBD

Shades & Tints Shades & Tints

#FFEB06

Dark
Light

#FFC704

Dark
Light

#ED135A

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ffeb06;
  --color-2: #ffc704;
  --color-3: #ed135a;
  --color-4: #03bcf5;
  --color-5: #a2de5a;
}

SCSS

$color-1: #ffeb06;
$color-2: #ffc704;
$color-3: #ed135a;
$color-4: #03bcf5;
$color-5: #a2de5a;

TAILWIND

colors: {
  'brand-1': '#ffeb06',
  'brand-2': '#ffc704',
  'brand-3': '#ed135a',
  'brand-4': '#03bcf5',
  'brand-5': '#a2de5a',
}

RGB Array

[255, 235, 6], [255, 199, 4], [237, 19, 90], [3, 188, 245], [162, 222, 90]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FFEB06, #FFC704, #ED135A, #03BCF5, #A2DE5A 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: #ffeb06; --color-2: #ffc704; --color-3: #ed135a; --color-4: #03bcf5; --color-5: #a2de5a. 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