← Back to Editor

#BF5001 · #AF9C05 · #05AF8F · #0182A3 · #B50356

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

#BF5001

Tangerine · Chocolate · Amber Brown

HEX
#BF5001
RGB
rgb(191, 80, 1)
HSL
hsl(25, 99%, 38%)
HSB
hsb(25, 99%, 75%)
CMYK
cmyk(0%, 58%, 99%, 25%)
Oklch
oklch(56.8% 0.160 45.8)

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

#AF9C05

Autumn Sage · DarkGoldenRod · Honey Gold

HEX
#AF9C05
RGB
rgb(175, 156, 5)
HSL
hsl(53, 94%, 35%)
HSB
hsb(53, 97%, 69%)
CMYK
cmyk(0%, 11%, 97%, 31%)
Oklch
oklch(68.8% 0.142 100.5)

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

#05AF8F

Mineral Blue · LightSeaGreen · Mint Ice

HEX
#05AF8F
RGB
rgb(5, 175, 143)
HSL
hsl(169, 94%, 35%)
HSB
hsb(169, 97%, 69%)
CMYK
cmyk(97%, 0%, 18%, 31%)
Oklch
oklch(67.3% 0.128 173.3)

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

#0182A3

Lake Blue · Teal · Mint Ice

HEX
#0182A3
RGB
rgb(1, 130, 163)
HSL
hsl(192, 99%, 32%)
HSB
hsb(192, 99%, 64%)
CMYK
cmyk(99%, 20%, 0%, 36%)
Oklch
oklch(56.4% 0.105 223.8)

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

#B50356

Dark Violet · Crimson · Camellia

HEX
#B50356
RGB
rgb(181, 3, 86)
HSL
hsl(332, 97%, 36%)
HSB
hsb(332, 98%, 71%)
CMYK
cmyk(0%, 98%, 52%, 29%)
Oklch
oklch(49.9% 0.199 3.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

BF5001
0171C1

Analogous

C10111
BF5001
C1B101

Triadic

BF5001
01C151
5101C1

Split-Comp.

BF5001
01C1B1
0111C1

Tetradic

BF5001
11C101
0171C1
B101C1

Contrast Matrix WCAG 2.1 Contrast

BF5001
AF9C05
05AF8F
0182A3
B50356
—
1.7
Fail
1.7
Fail
1.1
Fail
1.4
Fail
1.7
Fail
—
1.0
Fail
1.6
Fail
2.4
Fail
1.7
Fail
1.0
Fail
—
1.6
Fail
2.4
Fail
1.1
Fail
1.6
Fail
1.6
Fail
—
1.5
Fail
1.4
Fail
2.4
Fail
2.4
Fail
1.5
Fail
—
White BG
4.8AA
2.8Fail
2.8Fail
4.4AA Large
6.7AA
Black BG
4.4AA Large
7.6AAA
7.5AAA
4.7AA
3.1AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

8F8E14
A7A72A
4F5097
393A9B
686642

Deuteranopia

959E19
A8A932
453899
312899
72803D

Tritanopia

B92327
AE464D
0E9D9E
079593
AC322F

Achromatopsia

686868
909090
797979
5F5F5F
424242

Shades & Tints Shades & Tints

#BF5001

Dark
Light

#AF9C05

Dark
Light

#05AF8F

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #bf5001;
  --color-2: #af9c05;
  --color-3: #05af8f;
  --color-4: #0182a3;
  --color-5: #b50356;
}

SCSS

$color-1: #bf5001;
$color-2: #af9c05;
$color-3: #05af8f;
$color-4: #0182a3;
$color-5: #b50356;

TAILWIND

colors: {
  'brand-1': '#bf5001',
  'brand-2': '#af9c05',
  'brand-3': '#05af8f',
  'brand-4': '#0182a3',
  'brand-5': '#b50356',
}

RGB Array

[191, 80, 1], [175, 156, 5], [5, 175, 143], [1, 130, 163], [181, 3, 86]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #BF5001, #AF9C05, #05AF8F, #0182A3, #B50356 is ideal for: social media posters, mobile apps, e-commerce promos, tech websites, dark mode UIs, game UIs. 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: #bf5001; --color-2: #af9c05; --color-3: #05af8f; --color-4: #0182a3; --color-5: #b50356. 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. 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