← Back to Editor

#234F5D · #E76823 · #F0820D · #FFC500 · #FFF500

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

#234F5D

Slate Blue · DarkSlateGray · Peacock Green

HEX
#234F5D
RGB
rgb(35, 79, 93)
HSL
hsl(194, 45%, 25%)
HSB
hsb(194, 62%, 36%)
CMYK
cmyk(62%, 15%, 0%, 64%)
Oklch
oklch(40.3% 0.054 221.5)

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

#E76823

Tangerine · Chocolate · Warm Sun

HEX
#E76823
RGB
rgb(231, 104, 35)
HSL
hsl(21, 80%, 52%)
HSB
hsb(21, 85%, 91%)
CMYK
cmyk(0%, 55%, 85%, 9%)
Oklch
oklch(66.4% 0.175 44.7)

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

#F0820D

Ochre · Orange · Amber Brown

HEX
#F0820D
RGB
rgb(240, 130, 13)
HSL
hsl(31, 90%, 50%)
HSB
hsb(31, 95%, 94%)
CMYK
cmyk(0%, 46%, 95%, 6%)
Oklch
oklch(71.5% 0.170 56.9)

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

#FFC500

Ochre · Gold · Honey Gold

HEX
#FFC500
RGB
rgb(255, 197, 0)
HSL
hsl(46, 100%, 50%)
HSB
hsb(46, 100%, 100%)
CMYK
cmyk(0%, 23%, 100%, 0%)
Oklch
oklch(85.2% 0.174 87.0)

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

#FFF500

Autumn Sage · Yellow · Honey Gold

HEX
#FFF500
RGB
rgb(255, 245, 0)
HSL
hsl(58, 100%, 50%)
HSB
hsb(58, 100%, 100%)
CMYK
cmyk(0%, 4%, 100%, 0%)
Oklch
oklch(94.7% 0.203 106.7)

Traditional「Autumn Sage」· Paint「Honey Gold」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

234F5D
5C3023

Analogous

235C4D
234F5D
23325C

Triadic

234F5D
5C234F
4F5C23

Split-Comp.

234F5D
5C2332
5C4D23

Tetradic

234F5D
4D235C
5C3023
325C23

Contrast Matrix WCAG 2.1 Contrast

234F5D
E76823
F0820D
FFC500
FFF500
—
2.7
Fail
3.4
AA Large
5.6
AA
7.8
AAA
2.7
Fail
—
1.2
Fail
2.1
Fail
2.9
Fail
3.4
AA Large
1.2
Fail
—
1.7
Fail
2.3
Fail
5.6
AA
2.1
Fail
1.7
Fail
—
1.4
Fail
7.8
AAA
2.9
Fail
2.3
Fail
1.4
Fail
—
White BG
8.9AAA
3.3AA Large
2.7Fail
1.6Fail
1.1Fail
Black BG
2.3Fail
6.4AA
7.9AAA
13.2AAA
18.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

36365A
B0AF34
C0BF29
E6E530
FBFB3B

Deuteranopia

343059
B7C138
C7CF30
E9EE3B
FBFC4A

Tritanopia

255756
E14144
EB4045
FC555E
FF6A74

Achromatopsia

434343
868686
969696
C0C0C0
DCDCDC

Shades & Tints Shades & Tints

#234F5D

Dark
Light

#E76823

Dark
Light

#F0820D

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #234f5d;
  --color-2: #e76823;
  --color-3: #f0820d;
  --color-4: #ffc500;
  --color-5: #fff500;
}

SCSS

$color-1: #234f5d;
$color-2: #e76823;
$color-3: #f0820d;
$color-4: #ffc500;
$color-5: #fff500;

TAILWIND

colors: {
  'brand-1': '#234f5d',
  'brand-2': '#e76823',
  'brand-3': '#f0820d',
  'brand-4': '#ffc500',
  'brand-5': '#fff500',
}

RGB Array

[35, 79, 93], [231, 104, 35], [240, 130, 13], [255, 197, 0], [255, 245, 0]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #234F5D, #E76823, #F0820D, #FFC500, #FFF500 is ideal for: social media posters, mobile apps, e-commerce promos. 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: #234f5d; --color-2: #e76823; --color-3: #f0820d; --color-4: #ffc500; --color-5: #fff500. 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. 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