← Back to Editor

#090005 · #805624 · #B73700 · #CF4F10 · #E7792C

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

#090005

Rose Purple · Black · Raspberry

HEX
#090005
RGB
rgb(9, 0, 5)
HSL
hsl(327, 100%, 2%)
HSB
hsb(327, 100%, 4%)
CMYK
cmyk(0%, 100%, 44%, 96%)
Oklch
oklch(9.4% 0.040 342.3)

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

#805624

Ochre · Sienna · Amber Brown

HEX
#805624
RGB
rgb(128, 86, 36)
HSL
hsl(33, 56%, 32%)
HSB
hsb(33, 72%, 50%)
CMYK
cmyk(0%, 33%, 72%, 50%)
Oklch
oklch(48.9% 0.086 67.9)

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

#B73700

Tangerine · FireBrick · Amber Brown

HEX
#B73700
RGB
rgb(183, 55, 0)
HSL
hsl(18, 100%, 36%)
HSB
hsb(18, 100%, 72%)
CMYK
cmyk(0%, 70%, 100%, 28%)
Oklch
oklch(52.3% 0.172 37.7)

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

#CF4F10

Tangerine · Chocolate · Amber Brown

HEX
#CF4F10
RGB
rgb(207, 79, 16)
HSL
hsl(20, 86%, 44%)
HSB
hsb(20, 92%, 81%)
CMYK
cmyk(0%, 62%, 92%, 19%)
Oklch
oklch(59.2% 0.175 41.2)

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

#E7792C

Tangerine · Chocolate · Warm Sun

HEX
#E7792C
RGB
rgb(231, 121, 44)
HSL
hsl(25, 80%, 54%)
HSB
hsb(25, 81%, 91%)
CMYK
cmyk(0%, 48%, 81%, 9%)
Oklch
oklch(69.0% 0.161 51.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

090005
000A05

Analogous

0A000A
090005
0A0001

Triadic

090005
060A00
00060A

Split-Comp.

090005
010A00
000A0A

Tetradic

090005
0A0A00
000A05
00010A

Contrast Matrix WCAG 2.1 Contrast

090005
805624
B73700
CF4F10
E7792C
—
3.2
AA Large
3.5
AA Large
4.7
AA
7.1
AAA
3.2
AA Large
—
1.1
Fail
1.5
Fail
2.2
Fail
3.5
AA Large
1.1
Fail
—
1.3
Fail
2.0
Fail
4.7
AA
1.5
Fail
1.3
Fail
—
1.5
Fail
7.1
AAA
2.2
Fail
2.0
Fail
1.5
Fail
—
White BG
20.7AAA
6.4AA
5.9AA
4.4AA Large
2.9Fail
Black BG
1.0Fail
3.3AA Large
3.6AA Large
4.8AA
7.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

050504
6E6D30
807E0D
98961F
B7B63F

Deuteranopia

060604
707333
879111
9FA923
BEC643

Tritanopia

090303
7E3A3C
B1181A
C92B2E
E24D51

Achromatopsia

030303
5D5D5D
575757
6E6E6E
919191

Shades & Tints Shades & Tints

#090005

Dark
Light

#805624

Dark
Light

#B73700

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #090005;
  --color-2: #805624;
  --color-3: #b73700;
  --color-4: #cf4f10;
  --color-5: #e7792c;
}

SCSS

$color-1: #090005;
$color-2: #805624;
$color-3: #b73700;
$color-4: #cf4f10;
$color-5: #e7792c;

TAILWIND

colors: {
  'brand-1': '#090005',
  'brand-2': '#805624',
  'brand-3': '#b73700',
  'brand-4': '#cf4f10',
  'brand-5': '#e7792c',
}

RGB Array

[9, 0, 5], [128, 86, 36], [183, 55, 0], [207, 79, 16], [231, 121, 44]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #090005, #805624, #B73700, #CF4F10, #E7792C 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: #090005; --color-2: #805624; --color-3: #b73700; --color-4: #cf4f10; --color-5: #e7792c. 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