← Back to Editor

#EA9030 · #F0D86B · #139986 · #04526D · #000A22

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

#EA9030

Ginger · GoldenRod · Warm Sun

HEX
#EA9030
RGB
rgb(234, 144, 48)
HSL
hsl(31, 82%, 55%)
HSB
hsb(31, 79%, 92%)
CMYK
cmyk(0%, 38%, 79%, 8%)
Oklch
oklch(73.2% 0.150 62.3)

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

#F0D86B

Ginger · Khaki · Sunflower

HEX
#F0D86B
RGB
rgb(240, 216, 107)
HSL
hsl(49, 82%, 68%)
HSB
hsb(49, 55%, 94%)
CMYK
cmyk(0%, 10%, 55%, 6%)
Oklch
oklch(88.1% 0.132 97.1)

Traditional「Ginger」· Paint「Sunflower」· Creative Lemon Fizz

#139986

Mineral Blue · Teal · Mint Ice

HEX
#139986
RGB
rgb(19, 153, 134)
HSL
hsl(171, 78%, 34%)
HSB
hsb(171, 88%, 60%)
CMYK
cmyk(88%, 0%, 12%, 40%)
Oklch
oklch(61.3% 0.108 179.5)

Traditional「Mineral Blue」· Paint「Mint Ice」· Creative Blush Sunrise

#04526D

Lake Blue · Teal · Peacock Green

HEX
#04526D
RGB
rgb(4, 82, 109)
HSL
hsl(195, 93%, 22%)
HSB
hsb(195, 96%, 43%)
CMYK
cmyk(96%, 25%, 0%, 57%)
Oklch
oklch(41.1% 0.080 229.4)

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

#000A22

Indigo · Black · Deep Sea Blue

HEX
#000A22
RGB
rgb(0, 10, 34)
HSL
hsl(222, 100%, 7%)
HSB
hsb(222, 100%, 13%)
CMYK
cmyk(100%, 71%, 0%, 87%)
Oklch
oklch(15.1% 0.055 257.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EA9030
2E89EA

Analogous

EA312E
EA9030
E7EA2E

Triadic

EA9030
2EEA8F
8F2EEA

Split-Comp.

EA9030
2EE7EA
312EEA

Tetradic

EA9030
2EEA31
2E89EA
EA2EE7

Contrast Matrix WCAG 2.1 Contrast

EA9030
F0D86B
139986
04526D
000A22
—
1.7
Fail
1.4
Fail
3.5
AA Large
8.0
AAA
1.7
Fail
—
2.5
Fail
6.1
AA
13.8
AAA
1.4
Fail
2.5
Fail
—
2.4
Fail
5.6
AA
3.5
AA Large
6.1
AA
2.4
Fail
—
2.3
Fail
8.0
AAA
13.8
AAA
5.6
AA
2.3
Fail
—
White BG
2.5Fail
1.4Fail
3.5AA Large
8.6AAA
19.7AAA
Black BG
8.5AAA
14.7AAA
5.9AA
2.4Fail
1.1Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

C3C247
E6E585
4D4E8B
262666
04041C

Deuteranopia

C8CF4D
E7E98C
453B8C
211B65
04031B

Tritanopia

E55A5E
EF9A9F
1A8E8F
086160
011817

Achromatopsia

A0A0A0
D3D3D3
6F6F6F
3E3E3E
0A0A0A

Shades & Tints Shades & Tints

#EA9030

Dark
Light

#F0D86B

Dark
Light

#139986

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ea9030;
  --color-2: #f0d86b;
  --color-3: #139986;
  --color-4: #04526d;
  --color-5: #000a22;
}

SCSS

$color-1: #ea9030;
$color-2: #f0d86b;
$color-3: #139986;
$color-4: #04526d;
$color-5: #000a22;

TAILWIND

colors: {
  'brand-1': '#ea9030',
  'brand-2': '#f0d86b',
  'brand-3': '#139986',
  'brand-4': '#04526d',
  'brand-5': '#000a22',
}

RGB Array

[234, 144, 48], [240, 216, 107], [19, 153, 134], [4, 82, 109], [0, 10, 34]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #EA9030, #F0D86B, #139986, #04526D, #000A22 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: #ea9030; --color-2: #f0d86b; --color-3: #139986; --color-4: #04526d; --color-5: #000a22. 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