← Back to Editor

#E60764 · #D1D9BA · #E6A009 · #0B4057 · #06657A

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 AppData Visualization

Color Details Color Details

#E60764

Dark Violet · Crimson · Camellia

HEX
#E60764
RGB
rgb(230, 7, 100)
HSL
hsl(335, 94%, 46%)
HSB
hsb(335, 97%, 90%)
CMYK
cmyk(0%, 97%, 57%, 10%)
Oklch
oklch(59.4% 0.236 7.8)

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

#D1D9BA

Willow Green · LightGray · Apple Green

HEX
#D1D9BA
RGB
rgb(209, 217, 186)
HSL
hsl(75, 29%, 79%)
HSB
hsb(75, 14%, 85%)
CMYK
cmyk(4%, 0%, 14%, 15%)
Oklch
oklch(87.1% 0.042 119.0)

Traditional「Willow Green」· Paint「Apple Green」· Creative Mint Breeze

#E6A009

Ochre · GoldenRod · Honey Gold

HEX
#E6A009
RGB
rgb(230, 160, 9)
HSL
hsl(41, 92%, 47%)
HSB
hsb(41, 96%, 90%)
CMYK
cmyk(0%, 30%, 96%, 10%)
Oklch
oklch(75.5% 0.156 77.0)

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

#0B4057

Lake Blue · DarkSlateGray · Peacock Green

HEX
#0B4057
RGB
rgb(11, 64, 87)
HSL
hsl(198, 78%, 19%)
HSB
hsb(198, 87%, 34%)
CMYK
cmyk(87%, 26%, 0%, 66%)
Oklch
oklch(35.0% 0.066 232.6)

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

#06657A

Lake Blue · Teal · Peacock Green

HEX
#06657A
RGB
rgb(6, 101, 122)
HSL
hsl(191, 91%, 25%)
HSB
hsb(191, 95%, 48%)
CMYK
cmyk(95%, 17%, 0%, 52%)
Oklch
oklch(46.9% 0.083 219.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E60764
07E488

Analogous

E407D1
E60764
E41907

Triadic

E60764
63E407
0763E4

Split-Comp.

E60764
07E419
07D1E4

Tetradic

E60764
D1E407
07E488
1907E4

Contrast Matrix WCAG 2.1 Contrast

E60764
D1D9BA
E6A009
0B4057
06657A
—
3.1
AA Large
2.1
Fail
2.4
Fail
1.5
Fail
3.1
AA Large
—
1.5
Fail
7.6
AAA
4.6
AA
2.1
Fail
1.5
Fail
—
5.0
AA
3.0
Fail
2.4
Fail
7.6
AAA
5.0
AA
—
1.7
Fail
1.5
Fail
4.6
AA
3.0
Fail
1.7
Fail
—
White BG
4.6AA
1.5Fail
2.2Fail
11.1AAA
6.7AA
Black BG
4.6AA
14.3AAA
9.4AAA
1.9Fail
3.2AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

85834D
D4D5C2
C8C72E
222251
2F3075

Deuteranopia

92A348
D4D3C3
CCD136
1F1B50
2A2374

Tritanopia

DB3C38
D1C7C9
E34A51
0E4D4C
0B7170

Achromatopsia

545454
D3D3D3
A4A4A4
333333
4B4B4B

Shades & Tints Shades & Tints

#E60764

Dark
Light

#D1D9BA

Dark
Light

#E6A009

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e60764;
  --color-2: #d1d9ba;
  --color-3: #e6a009;
  --color-4: #0b4057;
  --color-5: #06657a;
}

SCSS

$color-1: #e60764;
$color-2: #d1d9ba;
$color-3: #e6a009;
$color-4: #0b4057;
$color-5: #06657a;

TAILWIND

colors: {
  'brand-1': '#e60764',
  'brand-2': '#d1d9ba',
  'brand-3': '#e6a009',
  'brand-4': '#0b4057',
  'brand-5': '#06657a',
}

RGB Array

[230, 7, 100], [209, 217, 186], [230, 160, 9], [11, 64, 87], [6, 101, 122]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This bright-style palette of #E60764, #D1D9BA, #E6A009, #0B4057, #06657A is ideal for: social media posters, mobile apps, e-commerce promos, 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: #e60764; --color-2: #d1d9ba; --color-3: #e6a009; --color-4: #0b4057; --color-5: #06657a. 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. 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 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