← Back to Editor

#151B22 · #F3AA21 · #EFDC9F · #A59600 · #921913

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

#151B22

Indigo · Black · Deep Sea Blue

HEX
#151B22
RGB
rgb(21, 27, 34)
HSL
hsl(212, 24%, 11%)
HSB
hsb(212, 38%, 13%)
CMYK
cmyk(38%, 21%, 0%, 87%)
Oklch
oklch(21.9% 0.016 252.5)

Traditional「Indigo」· Paint「Deep Sea Blue」· Creative Blush Sunrise

#F3AA21

Ginger · GoldenRod · Warm Sun

HEX
#F3AA21
RGB
rgb(243, 170, 33)
HSL
hsl(39, 90%, 54%)
HSB
hsb(39, 86%, 95%)
CMYK
cmyk(0%, 30%, 86%, 5%)
Oklch
oklch(78.9% 0.158 76.2)

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

#EFDC9F

Goose Yellow · Wheat · Lemon Cream

HEX
#EFDC9F
RGB
rgb(239, 220, 159)
HSL
hsl(46, 71%, 78%)
HSB
hsb(46, 33%, 94%)
CMYK
cmyk(0%, 8%, 33%, 6%)
Oklch
oklch(89.6% 0.081 92.8)

Traditional「Goose Yellow」· Paint「Lemon Cream」· Creative Lemon Fizz

#A59600

Autumn Sage · DarkGoldenRod · Honey Gold

HEX
#A59600
RGB
rgb(165, 150, 0)
HSL
hsl(55, 100%, 32%)
HSB
hsb(55, 100%, 65%)
CMYK
cmyk(0%, 9%, 100%, 35%)
Oklch
oklch(66.5% 0.140 102.3)

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

#921913

Vermilion · DarkRed · Wine Red

HEX
#921913
RGB
rgb(146, 25, 19)
HSL
hsl(3, 77%, 32%)
HSB
hsb(3, 87%, 57%)
CMYK
cmyk(0%, 83%, 87%, 43%)
Oklch
oklch(42.8% 0.157 28.8)

Traditional「Vermilion」· Paint「Wine Red」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

151B22
231C15

Analogous

152223
151B22
161523

Triadic

151B22
23151C
1C2315

Split-Comp.

151B22
231615
222315

Tetradic

151B22
231522
231C15
152316

Contrast Matrix WCAG 2.1 Contrast

151B22
F3AA21
EFDC9F
A59600
921913
—
8.7
AAA
12.7
AAA
5.7
AA
2.0
Fail
8.7
AAA
—
1.5
Fail
1.5
Fail
4.5
AA Large
12.7
AAA
1.5
Fail
—
2.2
Fail
6.5
AA
5.7
AA
1.5
Fail
2.2
Fail
—
2.9
Fail
2.0
Fail
4.5
AA Large
6.5
AA
2.9
Fail
—
White BG
17.3AAA
2.0Fail
1.4Fail
3.0AA Large
8.9AAA
Black BG
1.2Fail
10.6AAA
15.4AAA
7.0AA
2.4Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

181820
D3D342
E7E7AE
9F9E24
5E5D14

Deuteranopia

171720
D8DD4A
E8E9B1
9FA12D
656E15

Tritanopia

151F1F
EF5C62
EEB9BC
A44147
8C1616

Achromatopsia

1A1A1A
B0B0B0
DBDBDB
898989
3C3C3C

Shades & Tints Shades & Tints

#151B22

Dark
Light

#F3AA21

Dark
Light

#EFDC9F

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #151b22;
  --color-2: #f3aa21;
  --color-3: #efdc9f;
  --color-4: #a59600;
  --color-5: #921913;
}

SCSS

$color-1: #151b22;
$color-2: #f3aa21;
$color-3: #efdc9f;
$color-4: #a59600;
$color-5: #921913;

TAILWIND

colors: {
  'brand-1': '#151b22',
  'brand-2': '#f3aa21',
  'brand-3': '#efdc9f',
  'brand-4': '#a59600',
  'brand-5': '#921913',
}

RGB Array

[21, 27, 34], [243, 170, 33], [239, 220, 159], [165, 150, 0], [146, 25, 19]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #151B22, #F3AA21, #EFDC9F, #A59600, #921913 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: #151b22; --color-2: #f3aa21; --color-3: #efdc9f; --color-4: #a59600; --color-5: #921913. 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