← Back to Editor

#04A3A9 · #EA9076 · #B74F4E · #9E0438 · #0A0029

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

#04A3A9

Lake Blue · LightSeaGreen · Mint Ice

HEX
#04A3A9
RGB
rgb(4, 163, 169)
HSL
hsl(182, 95%, 34%)
HSB
hsb(182, 98%, 66%)
CMYK
cmyk(98%, 4%, 0%, 34%)
Oklch
oklch(65.0% 0.110 199.5)

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

#EA9076

Peach Pink · DarkSalmon · Coral Red

HEX
#EA9076
RGB
rgb(234, 144, 118)
HSL
hsl(13, 73%, 69%)
HSB
hsb(13, 50%, 92%)
CMYK
cmyk(0%, 38%, 50%, 8%)
Oklch
oklch(74.1% 0.116 36.9)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

#B74F4E

Crimson · Sienna · Passion Red

HEX
#B74F4E
RGB
rgb(183, 79, 78)
HSL
hsl(1, 42%, 51%)
HSB
hsb(1, 57%, 72%)
CMYK
cmyk(0%, 57%, 57%, 28%)
Oklch
oklch(56.1% 0.136 23.0)

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

#9E0438

Dark Violet · Brown · Camellia

HEX
#9E0438
RGB
rgb(158, 4, 56)
HSL
hsl(340, 95%, 32%)
HSB
hsb(340, 97%, 62%)
CMYK
cmyk(0%, 97%, 65%, 38%)
Oklch
oklch(44.7% 0.177 12.8)

Traditional「Dark Violet」· Paint「Camellia」· Creative Blush Sunrise

#0A0029

Deep Indigo · Black · Deep Sea Blue

HEX
#0A0029
RGB
rgb(10, 0, 41)
HSL
hsl(255, 100%, 8%)
HSB
hsb(255, 100%, 16%)
CMYK
cmyk(76%, 100%, 0%, 84%)
Oklch
oklch(14.2% 0.082 285.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

04A3A9
A90A04

Analogous

04A95C
04A3A9
0451A9

Triadic

04A3A9
A904A4
A4A904

Split-Comp.

04A3A9
A90451
A95C04

Tetradic

04A3A9
5C04A9
A90A04
51A904

Contrast Matrix WCAG 2.1 Contrast

04A3A9
EA9076
B74F4E
9E0438
0A0029
—
1.3
Fail
1.6
Fail
2.7
Fail
6.5
AA
1.3
Fail
—
2.1
Fail
3.5
AA Large
8.4
AAA
1.6
Fail
2.1
Fail
—
1.7
Fail
4.1
AA Large
2.7
Fail
3.5
AA Large
1.7
Fail
—
2.4
Fail
6.5
AA
8.4
AAA
4.1
AA Large
2.4
Fail
—
White BG
3.1AA Large
2.4Fail
5.0AA
8.3AAA
20.1AAA
Black BG
6.8AA
8.7AAA
4.2AA Large
2.5Fail
1.0Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

494AA8
C3C27C
8A894E
5B5A2B
06061F

Deuteranopia

4034A7
C8CF7E
90984E
647028
06071D

Tritanopia

0CA6A6
E58182
B24E4E
96211F
0A1716

Achromatopsia

747474
A8A8A8
6E6E6E
383838
080808

Shades & Tints Shades & Tints

#04A3A9

Dark
Light

#EA9076

Dark
Light

#B74F4E

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #04a3a9;
  --color-2: #ea9076;
  --color-3: #b74f4e;
  --color-4: #9e0438;
  --color-5: #0a0029;
}

SCSS

$color-1: #04a3a9;
$color-2: #ea9076;
$color-3: #b74f4e;
$color-4: #9e0438;
$color-5: #0a0029;

TAILWIND

colors: {
  'brand-1': '#04a3a9',
  'brand-2': '#ea9076',
  'brand-3': '#b74f4e',
  'brand-4': '#9e0438',
  'brand-5': '#0a0029',
}

RGB Array

[4, 163, 169], [234, 144, 118], [183, 79, 78], [158, 4, 56], [10, 0, 41]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #04A3A9, #EA9076, #B74F4E, #9E0438, #0A0029 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: #04a3a9; --color-2: #ea9076; --color-3: #b74f4e; --color-4: #9e0438; --color-5: #0a0029. 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