← Back to Editor

#261910 · #501075 · #B100AF · #C05802 · #0074F8

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

#261910

Tangerine · Black · Cinnamon

HEX
#261910
RGB
rgb(38, 25, 16)
HSL
hsl(25, 41%, 11%)
HSB
hsb(25, 58%, 15%)
CMYK
cmyk(0%, 34%, 58%, 85%)
Oklch
oklch(22.7% 0.027 55.6)

Traditional「Tangerine」· Paint「Cinnamon」· Creative Blush Sunrise

#501075

Royal Purple · DarkSlateBlue · Eggplant

HEX
#501075
RGB
rgb(80, 16, 117)
HSL
hsl(278, 76%, 26%)
HSB
hsb(278, 86%, 46%)
CMYK
cmyk(32%, 86%, 0%, 54%)
Oklch
oklch(34.3% 0.158 308.5)

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

#B100AF

Rose Purple · DarkViolet · Eggplant

HEX
#B100AF
RGB
rgb(177, 0, 175)
HSL
hsl(301, 100%, 35%)
HSB
hsb(301, 100%, 69%)
CMYK
cmyk(0%, 100%, 1%, 31%)
Oklch
oklch(53.2% 0.244 329.0)

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

#C05802

Tangerine · Chocolate · Amber Brown

HEX
#C05802
RGB
rgb(192, 88, 2)
HSL
hsl(27, 98%, 38%)
HSB
hsb(27, 99%, 75%)
CMYK
cmyk(0%, 54%, 99%, 25%)
Oklch
oklch(58.1% 0.154 49.3)

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

#0074F8

Indigo · DodgerBlue · Navy Blue

HEX
#0074F8
RGB
rgb(0, 116, 248)
HSL
hsl(212, 100%, 49%)
HSB
hsb(212, 100%, 97%)
CMYK
cmyk(100%, 53%, 0%, 3%)
Oklch
oklch(58.5% 0.216 257.9)

Traditional「Indigo」· Paint「Navy Blue」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

261910
111E28

Analogous

281112
261910
282611

Triadic

261910
11281A
1A1128

Split-Comp.

261910
112826
111228

Tetradic

261910
122811
111E28
261128

Contrast Matrix WCAG 2.1 Contrast

261910
501075
B100AF
C05802
0074F8
—
1.4
Fail
2.8
Fail
3.8
AA Large
3.9
AA Large
1.4
Fail
—
2.1
Fail
2.8
Fail
2.9
Fail
2.8
Fail
2.1
Fail
—
1.3
Fail
1.4
Fail
3.8
AA Large
2.8
Fail
1.3
Fail
—
1.0
Fail
3.9
AA Large
2.9
Fail
1.4
Fail
1.0
Fail
—
White BG
17.1AAA
12.6AAA
6.0AA
4.5AA
4.3AA Large
Black BG
1.2Fail
1.7Fail
3.5AA Large
4.6AA
4.9AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

202012
34345D
646385
939217
3233D8

Deuteranopia

212213
383D57
6F7C7A
99A11C
2C23D0

Tritanopia

251414
4D4945
A8635C
BB272B
06BFB9

Achromatopsia

1C1C1C
2F2F2F
494949
6D6D6D
606060

Shades & Tints Shades & Tints

#261910

Dark
Light

#501075

Dark
Light

#B100AF

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #261910;
  --color-2: #501075;
  --color-3: #b100af;
  --color-4: #c05802;
  --color-5: #0074f8;
}

SCSS

$color-1: #261910;
$color-2: #501075;
$color-3: #b100af;
$color-4: #c05802;
$color-5: #0074f8;

TAILWIND

colors: {
  'brand-1': '#261910',
  'brand-2': '#501075',
  'brand-3': '#b100af',
  'brand-4': '#c05802',
  'brand-5': '#0074f8',
}

RGB Array

[38, 25, 16], [80, 16, 117], [177, 0, 175], [192, 88, 2], [0, 116, 248]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #261910, #501075, #B100AF, #C05802, #0074F8 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: #261910; --color-2: #501075; --color-3: #b100af; --color-4: #c05802; --color-5: #0074f8. 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