← Back to Editor

#ADB917 · #F2C000 · #FA9111 · #E32B6B · #6B265C

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarm

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial App

Color Details Color Details

#ADB917

Autumn Sage · GoldenRod · Honey Gold

HEX
#ADB917
RGB
rgb(173, 185, 23)
HSL
hsl(64, 78%, 41%)
HSB
hsb(64, 88%, 73%)
CMYK
cmyk(6%, 0%, 88%, 27%)
Oklch
oklch(75.1% 0.165 114.4)

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

#F2C000

Ochre · Gold · Honey Gold

HEX
#F2C000
RGB
rgb(242, 192, 0)
HSL
hsl(48, 100%, 47%)
HSB
hsb(48, 100%, 95%)
CMYK
cmyk(0%, 21%, 100%, 5%)
Oklch
oklch(82.9% 0.169 89.7)

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

#FA9111

Ginger · Orange · Warm Sun

HEX
#FA9111
RGB
rgb(250, 145, 17)
HSL
hsl(33, 96%, 52%)
HSB
hsb(33, 93%, 98%)
CMYK
cmyk(0%, 42%, 93%, 2%)
Oklch
oklch(75.3% 0.171 61.3)

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

#E32B6B

Dark Violet · MediumVioletRed · Rose Pink

HEX
#E32B6B
RGB
rgb(227, 43, 107)
HSL
hsl(339, 77%, 53%)
HSB
hsb(339, 81%, 89%)
CMYK
cmyk(0%, 81%, 53%, 11%)
Oklch
oklch(60.4% 0.218 6.9)

Traditional「Dark Violet」· Paint「Rose Pink」· Creative Blush Sunrise

#6B265C

Rose Purple · Purple · Eggplant

HEX
#6B265C
RGB
rgb(107, 38, 92)
HSL
hsl(313, 48%, 28%)
HSB
hsb(313, 64%, 42%)
CMYK
cmyk(0%, 64%, 14%, 58%)
Oklch
oklch(39.1% 0.120 337.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

ADB917
2217BA

Analogous

BA7317
ADB917
5EBA17

Triadic

ADB917
17AFBA
BA17AF

Split-Comp.

ADB917
175EBA
7317BA

Tetradic

ADB917
17BA73
2217BA
BA175E

Contrast Matrix WCAG 2.1 Contrast

ADB917
F2C000
FA9111
E32B6B
6B265C
—
1.3
Fail
1.1
Fail
2.0
Fail
4.7
AA
1.3
Fail
—
1.3
Fail
2.6
Fail
6.0
AA
1.1
Fail
1.3
Fail
—
1.9
Fail
4.4
AA Large
2.0
Fail
2.6
Fail
1.9
Fail
—
2.3
Fail
4.7
AA
6.0
AA
4.4
AA Large
2.3
Fail
—
White BG
2.2Fail
1.7Fail
2.3Fail
4.4AA Large
10.2AAA
Black BG
9.7AAA
12.3AAA
9.1AAA
4.8AA
2.1Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

B2B23E
DCDC2E
CDCC30
93925C
4D4D4F

Deuteranopia

B2B148
DFE33A
D3DB37
9EAC58
51564C

Tritanopia

AE5D64
EF535B
F5484E
DA4F4D
684542

Achromatopsia

A3A3A3
B9B9B9
A2A2A2
696969
414141

Shades & Tints Shades & Tints

#ADB917

Dark
Light

#F2C000

Dark
Light

#FA9111

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #adb917;
  --color-2: #f2c000;
  --color-3: #fa9111;
  --color-4: #e32b6b;
  --color-5: #6b265c;
}

SCSS

$color-1: #adb917;
$color-2: #f2c000;
$color-3: #fa9111;
$color-4: #e32b6b;
$color-5: #6b265c;

TAILWIND

colors: {
  'brand-1': '#adb917',
  'brand-2': '#f2c000',
  'brand-3': '#fa9111',
  'brand-4': '#e32b6b',
  'brand-5': '#6b265c',
}

RGB Array

[173, 185, 23], [242, 192, 0], [250, 145, 17], [227, 43, 107], [107, 38, 92]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #ADB917, #F2C000, #FA9111, #E32B6B, #6B265C 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: #adb917; --color-2: #f2c000; --color-3: #fa9111; --color-4: #e32b6b; --color-5: #6b265c. 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