← Back to Editor

#261400 · #88A21B · #FFCB7D · #F26500 · #EB2F30

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 AppData Visualization

Color Details Color Details

#261400

Ochre · Black · Cinnamon

HEX
#261400
RGB
rgb(38, 20, 0)
HSL
hsl(32, 100%, 7%)
HSB
hsb(32, 100%, 15%)
CMYK
cmyk(0%, 47%, 100%, 85%)
Oklch
oklch(21.1% 0.046 69.1)

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

#88A21B

Grass Green · Olive · Forest Green

HEX
#88A21B
RGB
rgb(136, 162, 27)
HSL
hsl(72, 71%, 37%)
HSB
hsb(72, 83%, 64%)
CMYK
cmyk(16%, 0%, 83%, 36%)
Oklch
oklch(66.9% 0.152 120.8)

Traditional「Grass Green」· Paint「Forest Green」· Creative Blush Sunrise

#FFCB7D

Goose Yellow · Khaki · Warm Sun

HEX
#FFCB7D
RGB
rgb(255, 203, 125)
HSL
hsl(36, 100%, 75%)
HSB
hsb(36, 51%, 100%)
CMYK
cmyk(0%, 20%, 51%, 0%)
Oklch
oklch(87.2% 0.113 76.5)

Traditional「Goose Yellow」· Paint「Warm Sun」· Creative Honey Glow

#F26500

Tangerine · OrangeRed · Amber Brown

HEX
#F26500
RGB
rgb(242, 101, 0)
HSL
hsl(25, 100%, 47%)
HSB
hsb(25, 100%, 95%)
CMYK
cmyk(0%, 58%, 100%, 5%)
Oklch
oklch(67.5% 0.193 45.0)

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

#EB2F30

Vermilion · Crimson · Passion Red

HEX
#EB2F30
RGB
rgb(235, 47, 48)
HSL
hsl(360, 82%, 55%)
HSB
hsb(360, 80%, 92%)
CMYK
cmyk(0%, 80%, 80%, 8%)
Oklch
oklch(61.1% 0.222 26.7)

Traditional「Vermilion」· Paint「Passion Red」· Creative Soft Aurora

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

261400
001124

Analogous

240100
261400
232400

Triadic

261400
002413
130024

Split-Comp.

261400
002324
010024

Tetradic

261400
002401
001124
240023

Contrast Matrix WCAG 2.1 Contrast

261400
88A21B
FFCB7D
F26500
EB2F30
—
6.1
AA
11.9
AAA
5.6
AA
4.2
AA Large
6.1
AA
—
1.9
Fail
1.1
Fail
1.5
Fail
11.9
AAA
1.9
Fail
—
2.1
Fail
2.8
Fail
5.6
AA
1.1
Fail
2.1
Fail
—
1.3
Fail
4.2
AA Large
1.5
Fail
2.8
Fail
1.3
Fail
—
White BG
17.8AAA
2.9Fail
1.5Fail
3.2AA Large
4.2AA Large
Black BG
1.2Fail
7.2AAA
14.1AAA
6.6AA
5.0AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

1E1E05
93933C
E8E890
B5B418
9A9830

Deuteranopia

1F2106
929044
ECEF94
BDC81E
A5B330

Tritanopia

25090A
89555B
FC9FA2
EB2C30
E23030

Achromatopsia

171717
8B8B8B
D2D2D2
848484
676767

Shades & Tints Shades & Tints

#261400

Dark
Light

#88A21B

Dark
Light

#FFCB7D

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #261400;
  --color-2: #88a21b;
  --color-3: #ffcb7d;
  --color-4: #f26500;
  --color-5: #eb2f30;
}

SCSS

$color-1: #261400;
$color-2: #88a21b;
$color-3: #ffcb7d;
$color-4: #f26500;
$color-5: #eb2f30;

TAILWIND

colors: {
  'brand-1': '#261400',
  'brand-2': '#88a21b',
  'brand-3': '#ffcb7d',
  'brand-4': '#f26500',
  'brand-5': '#eb2f30',
}

RGB Array

[38, 20, 0], [136, 162, 27], [255, 203, 125], [242, 101, 0], [235, 47, 48]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #261400, #88A21B, #FFCB7D, #F26500, #EB2F30 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: #261400; --color-2: #88a21b; --color-3: #ffcb7d; --color-4: #f26500; --color-5: #eb2f30. 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