← Back to Editor

#F0882F · #B73F1A · #E72703 · #633832 · #0C344E

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

#F0882F

Tangerine · Coral · Warm Sun

HEX
#F0882F
RGB
rgb(240, 136, 47)
HSL
hsl(28, 87%, 56%)
HSB
hsb(28, 80%, 94%)
CMYK
cmyk(0%, 43%, 80%, 6%)
Oklch
oklch(72.6% 0.159 56.0)

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

#B73F1A

Vermilion · FireBrick · Passion Red

HEX
#B73F1A
RGB
rgb(183, 63, 26)
HSL
hsl(14, 75%, 41%)
HSB
hsb(14, 86%, 72%)
CMYK
cmyk(0%, 66%, 86%, 28%)
Oklch
oklch(53.3% 0.162 36.6)

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

#E72703

Vermilion · OrangeRed · Passion Red

HEX
#E72703
RGB
rgb(231, 39, 3)
HSL
hsl(9, 97%, 46%)
HSB
hsb(9, 99%, 91%)
CMYK
cmyk(0%, 83%, 99%, 9%)
Oklch
oklch(59.6% 0.227 31.6)

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

#633832

Crimson · DarkOliveGreen · Wine Red

HEX
#633832
RGB
rgb(99, 56, 50)
HSL
hsl(7, 33%, 29%)
HSB
hsb(7, 49%, 39%)
CMYK
cmyk(0%, 43%, 49%, 61%)
Oklch
oklch(39.2% 0.063 28.7)

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

#0C344E

Lake Blue · DarkSlateGray · Deep Sea Blue

HEX
#0C344E
RGB
rgb(12, 52, 78)
HSL
hsl(204, 73%, 18%)
HSB
hsb(204, 85%, 31%)
CMYK
cmyk(85%, 33%, 0%, 69%)
Oklch
oklch(31.2% 0.064 242.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F0882F
2D95F0

Analogous

F02D34
F0882F
F0EA2D

Triadic

F0882F
2DF088
882DF0

Split-Comp.

F0882F
2DF0EA
2D34F0

Tetradic

F0882F
34F02D
2D95F0
EA2DF0

Contrast Matrix WCAG 2.1 Contrast

F0882F
B73F1A
E72703
633832
0C344E
—
2.2
Fail
1.8
Fail
3.9
AA Large
5.1
AA
2.2
Fail
—
1.3
Fail
1.7
Fail
2.3
Fail
1.8
Fail
1.3
Fail
—
2.2
Fail
2.9
Fail
3.9
AA Large
1.7
Fail
2.2
Fail
—
1.3
Fail
5.1
AA
2.3
Fail
2.9
Fail
1.3
Fail
—
White BG
2.5Fail
5.6AA
4.5AA Large
9.8AAA
13.0AAA
Black BG
8.3AAA
3.7AA Large
4.7AA
2.1Fail
1.6Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

C3C245
838223
94920C
505033
1D1E48

Deuteranopia

C9D14A
8A9325
9FAD0E
535634
1B1846

Tritanopia

EB5659
B12A2C
DD1314
613535
0E4342

Achromatopsia

9D9D9D
5F5F5F
5C5C5C
444444
2B2B2B

Shades & Tints Shades & Tints

#F0882F

Dark
Light

#B73F1A

Dark
Light

#E72703

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f0882f;
  --color-2: #b73f1a;
  --color-3: #e72703;
  --color-4: #633832;
  --color-5: #0c344e;
}

SCSS

$color-1: #f0882f;
$color-2: #b73f1a;
$color-3: #e72703;
$color-4: #633832;
$color-5: #0c344e;

TAILWIND

colors: {
  'brand-1': '#f0882f',
  'brand-2': '#b73f1a',
  'brand-3': '#e72703',
  'brand-4': '#633832',
  'brand-5': '#0c344e',
}

RGB Array

[240, 136, 47], [183, 63, 26], [231, 39, 3], [99, 56, 50], [12, 52, 78]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #F0882F, #B73F1A, #E72703, #633832, #0C344E 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: #f0882f; --color-2: #b73f1a; --color-3: #e72703; --color-4: #633832; --color-5: #0c344e. 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