← Back to Editor

#232029 · #080300 · #810307 · #FF2505 · #FF7904

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

Color Details Color Details

#232029

Deep Indigo · DarkSlateGray · Dark Purple

HEX
#232029
RGB
rgb(35, 32, 41)
HSL
hsl(260, 12%, 14%)
HSB
hsb(260, 22%, 16%)
CMYK
cmyk(15%, 22%, 0%, 84%)
Oklch
oklch(25.1% 0.017 300.4)

Traditional「Deep Indigo」· Paint「Dark Purple」· Creative Blush Sunrise

#080300

Tangerine · Black · Cinnamon

HEX
#080300
RGB
rgb(8, 3, 0)
HSL
hsl(23, 100%, 2%)
HSB
hsb(23, 100%, 3%)
CMYK
cmyk(0%, 63%, 100%, 97%)
Oklch
oklch(10.6% 0.023 70.5)

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

#810307

Vermilion · Maroon · Wine Red

HEX
#810307
RGB
rgb(129, 3, 7)
HSL
hsl(358, 95%, 26%)
HSB
hsb(358, 98%, 51%)
CMYK
cmyk(0%, 98%, 95%, 49%)
Oklch
oklch(38.1% 0.153 27.9)

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

#FF2505

Vermilion · OrangeRed · Passion Red

HEX
#FF2505
RGB
rgb(255, 37, 5)
HSL
hsl(8, 100%, 51%)
HSB
hsb(8, 98%, 100%)
CMYK
cmyk(0%, 85%, 98%, 0%)
Oklch
oklch(63.8% 0.248 30.8)

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

#FF7904

Tangerine · Orange · Warm Sun

HEX
#FF7904
RGB
rgb(255, 121, 4)
HSL
hsl(28, 100%, 51%)
HSB
hsb(28, 98%, 100%)
CMYK
cmyk(0%, 53%, 98%, 0%)
Oklch
oklch(72.2% 0.190 50.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

232029
25281F

Analogous

1F2128
232029
271F28

Triadic

232029
28221F
1F2822

Split-Comp.

232029
28271F
21281F

Tetradic

232029
281F21
25281F
1F2827

Contrast Matrix WCAG 2.1 Contrast

232029
080300
810307
FF2505
FF7904
—
1.3
Fail
1.5
Fail
4.2
AA Large
6.1
AA
1.3
Fail
—
1.9
Fail
5.4
AA
7.8
AAA
1.5
Fail
1.9
Fail
—
2.8
Fail
4.1
AA Large
4.2
AA Large
5.4
AA
2.8
Fail
—
1.4
Fail
6.1
AA
7.8
AAA
4.1
AA Large
1.4
Fail
—
White BG
16.0AAA
20.5AAA
10.8AAA
3.8AA Large
2.6Fail
Black BG
1.3Fail
1.0Fail
1.9Fail
5.5AA
8.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

222227
060601
4A4906
A19F0D
C5C420

Deuteranopia

222226
060701
525B06
ADBE0F
CDD727

Tritanopia

232525
080101
7B0505
F41314
F8373C

Achromatopsia

222222
040404
292929
636363
949494

Shades & Tints Shades & Tints

#232029

Dark
Light

#080300

Dark
Light

#810307

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #232029;
  --color-2: #080300;
  --color-3: #810307;
  --color-4: #ff2505;
  --color-5: #ff7904;
}

SCSS

$color-1: #232029;
$color-2: #080300;
$color-3: #810307;
$color-4: #ff2505;
$color-5: #ff7904;

TAILWIND

colors: {
  'brand-1': '#232029',
  'brand-2': '#080300',
  'brand-3': '#810307',
  'brand-4': '#ff2505',
  'brand-5': '#ff7904',
}

RGB Array

[35, 32, 41], [8, 3, 0], [129, 3, 7], [255, 37, 5], [255, 121, 4]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #232029, #080300, #810307, #FF2505, #FF7904 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: #232029; --color-2: #080300; --color-3: #810307; --color-4: #ff2505; --color-5: #ff7904. 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