← Back to Editor

#C0C355 · #E86040 · #860438 · #17093B · #0B3844

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

#C0C355

Autumn Sage · BurlyWood · Sunflower

HEX
#C0C355
RGB
rgb(192, 195, 85)
HSL
hsl(62, 48%, 55%)
HSB
hsb(62, 56%, 76%)
CMYK
cmyk(2%, 0%, 56%, 24%)
Oklch
oklch(79.3% 0.133 110.5)

Traditional「Autumn Sage」· Paint「Sunflower」· Creative Blush Sunrise

#E86040

Vermilion · Tomato · Passion Red

HEX
#E86040
RGB
rgb(232, 96, 64)
HSL
hsl(11, 79%, 58%)
HSB
hsb(11, 72%, 91%)
CMYK
cmyk(0%, 59%, 72%, 9%)
Oklch
oklch(65.7% 0.176 34.6)

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

#860438

Dark Violet · Brown · Camellia

HEX
#860438
RGB
rgb(134, 4, 56)
HSL
hsl(336, 94%, 27%)
HSB
hsb(336, 97%, 53%)
CMYK
cmyk(0%, 97%, 58%, 47%)
Oklch
oklch(39.9% 0.157 7.5)

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

#17093B

Deep Indigo · MidnightBlue · Deep Sea Blue

HEX
#17093B
RGB
rgb(23, 9, 59)
HSL
hsl(257, 74%, 13%)
HSB
hsb(257, 85%, 23%)
CMYK
cmyk(61%, 85%, 0%, 77%)
Oklch
oklch(20.1% 0.089 288.4)

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

#0B3844

Lake Blue · DarkSlateGray · Peacock Green

HEX
#0B3844
RGB
rgb(11, 56, 68)
HSL
hsl(193, 72%, 15%)
HSB
hsb(193, 84%, 27%)
CMYK
cmyk(84%, 18%, 0%, 73%)
Oklch
oklch(31.7% 0.051 219.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C0C355
5955C3

Analogous

C39055
C0C355
89C355

Triadic

C0C355
55C0C3
C355C0

Split-Comp.

C0C355
5589C3
9055C3

Tetradic

C0C355
55C390
5955C3
C35589

Contrast Matrix WCAG 2.1 Contrast

C0C355
E86040
860438
17093B
0B3844
—
1.8
Fail
5.4
AA
9.8
AAA
6.7
AA
1.8
Fail
—
3.0
Fail
5.4
AA
3.7
AA Large
5.4
AA
3.0
Fail
—
1.8
Fail
1.3
Fail
9.8
AAA
5.4
AA
1.8
Fail
—
1.5
Fail
6.7
AA
3.7
AA Large
1.3
Fail
1.5
Fail
—
White BG
1.9Fail
3.4AA Large
10.1AAA
18.4AAA
12.6AAA
Black BG
11.2AAA
6.2AA
2.1Fail
1.1Fail
1.7Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

C1C170
ADAC48
4E4D2B
11112F
1E1F41

Deuteranopia

C1C176
B5BF4A
555F28
12132C
1C1940

Tritanopia

C08589
E14E4F
80211F
162523
0D3F3E

Achromatopsia

B6B6B6
858585
313131
131313
2C2C2C

Shades & Tints Shades & Tints

#C0C355

Dark
Light

#E86040

Dark
Light

#860438

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c0c355;
  --color-2: #e86040;
  --color-3: #860438;
  --color-4: #17093b;
  --color-5: #0b3844;
}

SCSS

$color-1: #c0c355;
$color-2: #e86040;
$color-3: #860438;
$color-4: #17093b;
$color-5: #0b3844;

TAILWIND

colors: {
  'brand-1': '#c0c355',
  'brand-2': '#e86040',
  'brand-3': '#860438',
  'brand-4': '#17093b',
  'brand-5': '#0b3844',
}

RGB Array

[192, 195, 85], [232, 96, 64], [134, 4, 56], [23, 9, 59], [11, 56, 68]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #C0C355, #E86040, #860438, #17093B, #0B3844 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: #c0c355; --color-2: #e86040; --color-3: #860438; --color-4: #17093b; --color-5: #0b3844. 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