← Back to Editor

#235E4F · #030202 · #8C0A0A · #B86411 · #B89911

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

#235E4F

Mineral Blue · DarkSlateGray · Peacock Green

HEX
#235E4F
RGB
rgb(35, 94, 79)
HSL
hsl(165, 46%, 25%)
HSB
hsb(165, 63%, 37%)
CMYK
cmyk(63%, 0%, 16%, 63%)
Oklch
oklch(43.9% 0.066 173.6)

Traditional「Mineral Blue」· Paint「Peacock Green」· Creative Blush Sunrise

#030202

Crimson · Black · Deep Berry

HEX
#030202
RGB
rgb(3, 2, 2)
HSL
hsl(0, 20%, 1%)
HSB
hsb(0, 33%, 1%)
CMYK
cmyk(0%, 33%, 33%, 99%)
Oklch
oklch(8.8% 0.005 18.1)

Traditional「Crimson」· Paint「Deep Berry」· Creative Blush Sunrise

#8C0A0A

Vermilion · DarkRed · Wine Red

HEX
#8C0A0A
RGB
rgb(140, 10, 10)
HSL
hsl(0, 87%, 29%)
HSB
hsb(0, 93%, 55%)
CMYK
cmyk(0%, 93%, 93%, 45%)
Oklch
oklch(40.7% 0.160 28.3)

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

#B86411

Ochre · Chocolate · Amber Brown

HEX
#B86411
RGB
rgb(184, 100, 17)
HSL
hsl(30, 83%, 39%)
HSB
hsb(30, 91%, 72%)
CMYK
cmyk(0%, 46%, 91%, 28%)
Oklch
oklch(58.9% 0.137 57.0)

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

#B89911

Ochre · DarkGoldenRod · Honey Gold

HEX
#B89911
RGB
rgb(184, 153, 17)
HSL
hsl(49, 83%, 39%)
HSB
hsb(49, 91%, 72%)
CMYK
cmyk(0%, 17%, 91%, 28%)
Oklch
oklch(69.1% 0.138 94.0)

Traditional「Ochre」· Paint「Honey Gold」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

235E4F
5D2231

Analogous

225D31
235E4F
224E5D

Triadic

235E4F
4E225D
5D4E22

Split-Comp.

235E4F
5D224E
5D3122

Tetradic

235E4F
31225D
5D2231
4E5D22

Contrast Matrix WCAG 2.1 Contrast

235E4F
030202
8C0A0A
B86411
B89911
—
2.7
Fail
1.3
Fail
1.7
Fail
2.7
Fail
2.7
Fail
—
2.1
Fail
4.8
AA
7.5
AAA
1.3
Fail
2.1
Fail
—
2.3
Fail
3.5
AA Large
1.7
Fail
4.8
AA
2.3
Fail
—
1.6
Fail
2.7
Fail
7.5
AAA
3.5
AA Large
1.6
Fail
—
White BG
7.5AAA
20.7AAA
9.7AAA
4.3AA Large
2.8Fail
Black BG
2.8Fail
1.0Fail
2.2Fail
4.9AA
7.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

3D3D53
030302
54530A
949325
ABAA32

Deuteranopia

393554
030302
5B650A
999F2A
ACAF3A

Tritanopia

265556
030202
860A0A
B43538
B64C52

Achromatopsia

4B4B4B
020202
313131
747474
939393

Shades & Tints Shades & Tints

#235E4F

Dark
Light

#030202

Dark
Light

#8C0A0A

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #235e4f;
  --color-2: #030202;
  --color-3: #8c0a0a;
  --color-4: #b86411;
  --color-5: #b89911;
}

SCSS

$color-1: #235e4f;
$color-2: #030202;
$color-3: #8c0a0a;
$color-4: #b86411;
$color-5: #b89911;

TAILWIND

colors: {
  'brand-1': '#235e4f',
  'brand-2': '#030202',
  'brand-3': '#8c0a0a',
  'brand-4': '#b86411',
  'brand-5': '#b89911',
}

RGB Array

[35, 94, 79], [3, 2, 2], [140, 10, 10], [184, 100, 17], [184, 153, 17]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #235E4F, #030202, #8C0A0A, #B86411, #B89911 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: #235e4f; --color-2: #030202; --color-3: #8c0a0a; --color-4: #b86411; --color-5: #b89911. 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