← Back to Editor

#004D59 · #E87300 · #AD2356 · #3D0046 · #0F0329

bright

A 5-color bright 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

#004D59

Lake Blue · DarkSlateGray · Peacock Green

HEX
#004D59
RGB
rgb(0, 77, 89)
HSL
hsl(188, 100%, 17%)
HSB
hsb(188, 100%, 35%)
CMYK
cmyk(100%, 13%, 0%, 65%)
Oklch
oklch(38.6% 0.067 212.5)

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

#E87300

Ochre · Chocolate · Amber Brown

HEX
#E87300
RGB
rgb(232, 115, 0)
HSL
hsl(30, 100%, 45%)
HSB
hsb(30, 100%, 91%)
CMYK
cmyk(0%, 50%, 100%, 9%)
Oklch
oklch(68.0% 0.174 52.6)

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

#AD2356

Dark Violet · Brown · Camellia

HEX
#AD2356
RGB
rgb(173, 35, 86)
HSL
hsl(338, 66%, 41%)
HSB
hsb(338, 80%, 68%)
CMYK
cmyk(0%, 80%, 50%, 32%)
Oklch
oklch(49.8% 0.176 4.6)

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

#3D0046

Royal Purple · MidnightBlue · Dark Purple

HEX
#3D0046
RGB
rgb(61, 0, 70)
HSL
hsl(292, 100%, 14%)
HSB
hsb(292, 100%, 27%)
CMYK
cmyk(13%, 100%, 0%, 73%)
Oklch
oklch(26.0% 0.123 321.9)

Traditional「Royal Purple」· Paint「Dark Purple」· Creative Blush Sunrise

#0F0329

Deep Indigo · Black · Deep Sea Blue

HEX
#0F0329
RGB
rgb(15, 3, 41)
HSL
hsl(259, 86%, 9%)
HSB
hsb(259, 93%, 16%)
CMYK
cmyk(63%, 93%, 0%, 84%)
Oklch
oklch(15.7% 0.075 291.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

004D59
570C00

Analogous

005737
004D59
002057

Triadic

004D59
57004B
4B5700

Split-Comp.

004D59
570020
573700

Tetradic

004D59
370057
570C00
205700

Contrast Matrix WCAG 2.1 Contrast

004D59
E87300
AD2356
3D0046
0F0329
—
3.1
AA Large
1.4
Fail
1.7
Fail
2.1
Fail
3.1
AA Large
—
2.2
Fail
5.3
AA
6.5
AA
1.4
Fail
2.2
Fail
—
2.4
Fail
3.0
Fail
1.7
Fail
5.3
AA
2.4
Fail
—
1.2
Fail
2.1
Fail
6.5
AA
3.0
Fail
1.2
Fail
—
White BG
9.5AAA
3.1AA Large
6.7AA
16.3AAA
19.7AAA
Black BG
2.2Fail
6.9AA
3.2AA Large
1.3Fail
1.1Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

212256
B5B41C
71704A
232235
0A0A20

Deuteranopia

1D1755
BCC523
798447
262B31
0B0B1E

Tritanopia

045453
E23237
A6403E
3A2825
0E1917

Achromatopsia

373737
898989
525252
1A1A1A
0B0B0B

Shades & Tints Shades & Tints

#004D59

Dark
Light

#E87300

Dark
Light

#AD2356

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #004d59;
  --color-2: #e87300;
  --color-3: #ad2356;
  --color-4: #3d0046;
  --color-5: #0f0329;
}

SCSS

$color-1: #004d59;
$color-2: #e87300;
$color-3: #ad2356;
$color-4: #3d0046;
$color-5: #0f0329;

TAILWIND

colors: {
  'brand-1': '#004d59',
  'brand-2': '#e87300',
  'brand-3': '#ad2356',
  'brand-4': '#3d0046',
  'brand-5': '#0f0329',
}

RGB Array

[0, 77, 89], [232, 115, 0], [173, 35, 86], [61, 0, 70], [15, 3, 41]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This bright-style palette of #004D59, #E87300, #AD2356, #3D0046, #0F0329 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: #004d59; --color-2: #e87300; --color-3: #ad2356; --color-4: #3d0046; --color-5: #0f0329. 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 bright-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