← Back to Editor

#1B2332 · #8A060F · #B55715 · #BFB800 · #F5FF80

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

#1B2332

Indigo · DarkSlateGray · Deep Sea Blue

HEX
#1B2332
RGB
rgb(27, 35, 50)
HSL
hsl(219, 30%, 15%)
HSB
hsb(219, 46%, 20%)
CMYK
cmyk(46%, 30%, 0%, 80%)
Oklch
oklch(25.6% 0.031 262.7)

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

#8A060F

Vermilion · DarkRed · Wine Red

HEX
#8A060F
RGB
rgb(138, 6, 15)
HSL
hsl(356, 92%, 28%)
HSB
hsb(356, 96%, 54%)
CMYK
cmyk(0%, 96%, 89%, 46%)
Oklch
oklch(40.1% 0.159 26.7)

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

#B55715

Tangerine · Sienna · Amber Brown

HEX
#B55715
RGB
rgb(181, 87, 21)
HSL
hsl(25, 79%, 40%)
HSB
hsb(25, 88%, 71%)
CMYK
cmyk(0%, 52%, 88%, 29%)
Oklch
oklch(56.3% 0.141 49.3)

Traditional「Tangerine」· Paint「Amber Brown」· Creative Blush Sunrise

#BFB800

Autumn Sage · GoldenRod · Honey Gold

HEX
#BFB800
RGB
rgb(191, 184, 0)
HSL
hsl(58, 100%, 37%)
HSB
hsb(58, 100%, 75%)
CMYK
cmyk(0%, 4%, 100%, 25%)
Oklch
oklch(76.4% 0.164 106.9)

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

#F5FF80

Fresh Green · Khaki · Sunflower

HEX
#F5FF80
RGB
rgb(245, 255, 128)
HSL
hsl(65, 100%, 75%)
HSB
hsb(65, 50%, 100%)
CMYK
cmyk(4%, 0%, 50%, 0%)
Oklch
oklch(96.7% 0.151 112.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

1B2332
322A1B

Analogous

1B2E32
1B2332
1E1B32

Triadic

1B2332
321B23
23321B

Split-Comp.

1B2332
321E1B
2E321B

Tetradic

1B2332
321B2E
322A1B
1B321E

Contrast Matrix WCAG 2.1 Contrast

1B2332
8A060F
B55715
BFB800
F5FF80
—
1.6
Fail
3.3
AA Large
7.6
AAA
14.6
AAA
1.6
Fail
—
2.1
Fail
4.8
AA
9.2
AAA
3.3
AA Large
2.1
Fail
—
2.3
Fail
4.5
AA Large
7.6
AAA
4.8
AA
2.3
Fail
—
1.9
Fail
14.6
AAA
9.2
AAA
4.5
AA Large
1.9
Fail
—
White BG
15.8AAA
9.9AAA
4.8AA
2.1Fail
1.1Fail
Black BG
1.3Fail
2.1Fail
4.3AA Large
10.1AAA
19.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

1E1F2E
51500D
8C8B25
BCBC2D
F9F99F

Deuteranopia

1E1D2E
59620C
929929
BCBD37
F9F8A6

Tritanopia

1B2C2B
830B0B
B03234
BF5057
F6B7BC

Achromatopsia

222222
2E2E2E
6C6C6C
A5A5A5
EEEEEE

Shades & Tints Shades & Tints

#1B2332

Dark
Light

#8A060F

Dark
Light

#B55715

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #1b2332;
  --color-2: #8a060f;
  --color-3: #b55715;
  --color-4: #bfb800;
  --color-5: #f5ff80;
}

SCSS

$color-1: #1b2332;
$color-2: #8a060f;
$color-3: #b55715;
$color-4: #bfb800;
$color-5: #f5ff80;

TAILWIND

colors: {
  'brand-1': '#1b2332',
  'brand-2': '#8a060f',
  'brand-3': '#b55715',
  'brand-4': '#bfb800',
  'brand-5': '#f5ff80',
}

RGB Array

[27, 35, 50], [138, 6, 15], [181, 87, 21], [191, 184, 0], [245, 255, 128]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #1B2332, #8A060F, #B55715, #BFB800, #F5FF80 is ideal for: social media posters, mobile apps, e-commerce promos, tech websites, dark mode UIs, game UIs, 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: #1b2332; --color-2: #8a060f; --color-3: #b55715; --color-4: #bfb800; --color-5: #f5ff80. 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?

Dark tones work well as backgrounds; pair with light text for readability. Use the brightest color for CTA buttons and interactive elements. 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