← Back to Editor

#13A7B5 · #C4B860 · #EED9A2 · #F78127 · #E03134

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 App

Color Details Color Details

#13A7B5

Lake Blue · LightSeaGreen · Mint Ice

HEX
#13A7B5
RGB
rgb(19, 167, 181)
HSL
hsl(185, 81%, 39%)
HSB
hsb(185, 90%, 71%)
CMYK
cmyk(90%, 8%, 0%, 29%)
Oklch
oklch(66.6% 0.111 205.6)

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

#C4B860

Autumn Sage · Tan · Sunflower

HEX
#C4B860
RGB
rgb(196, 184, 96)
HSL
hsl(53, 46%, 57%)
HSB
hsb(53, 51%, 77%)
CMYK
cmyk(0%, 6%, 51%, 23%)
Oklch
oklch(77.4% 0.111 101.6)

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

#EED9A2

Goose Yellow · Wheat · Lemon Cream

HEX
#EED9A2
RGB
rgb(238, 217, 162)
HSL
hsl(43, 69%, 78%)
HSB
hsb(43, 32%, 93%)
CMYK
cmyk(0%, 9%, 32%, 7%)
Oklch
oklch(88.9% 0.075 89.6)

Traditional「Goose Yellow」· Paint「Lemon Cream」· Creative Lemon Fizz

#F78127

Tangerine · Coral · Warm Sun

HEX
#F78127
RGB
rgb(247, 129, 39)
HSL
hsl(26, 93%, 56%)
HSB
hsb(26, 84%, 97%)
CMYK
cmyk(0%, 48%, 84%, 3%)
Oklch
oklch(72.4% 0.172 52.0)

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

#E03134

Vermilion · Crimson · Passion Red

HEX
#E03134
RGB
rgb(224, 49, 52)
HSL
hsl(359, 74%, 54%)
HSB
hsb(359, 78%, 88%)
CMYK
cmyk(0%, 78%, 77%, 12%)
Oklch
oklch(59.3% 0.210 25.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

13A7B5
B42013

Analogous

13B471
13A7B5
1356B4

Triadic

13A7B5
B413A7
A7B413

Split-Comp.

13A7B5
B41356
B47113

Tetradic

13A7B5
7113B4
B42013
56B413

Contrast Matrix WCAG 2.1 Contrast

13A7B5
C4B860
EED9A2
F78127
E03134
—
1.4
Fail
2.1
Fail
1.1
Fail
1.6
Fail
1.4
Fail
—
1.5
Fail
1.3
Fail
2.2
Fail
2.1
Fail
1.5
Fail
—
1.9
Fail
3.2
AA Large
1.1
Fail
1.3
Fail
1.9
Fail
—
1.7
Fail
1.6
Fail
2.2
Fail
3.2
AA Large
1.7
Fail
—
White BG
2.9Fail
2.0Fail
1.4Fail
2.6Fail
4.5AA
Black BG
7.2AAA
10.4AAA
15.1AAA
8.1AAA
4.7AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

5354B2
BFBF75
E5E5AF
C4C33D
949333

Deuteranopia

4B3FB1
C0C07A
E6E8B3
CBD442
9EAB33

Tritanopia

1AAFAE
C3868A
EDBABC
F14E52
D73333

Achromatopsia

7C7C7C
B2B2B2
D9D9D9
9A9A9A
666666

Shades & Tints Shades & Tints

#13A7B5

Dark
Light

#C4B860

Dark
Light

#EED9A2

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #13a7b5;
  --color-2: #c4b860;
  --color-3: #eed9a2;
  --color-4: #f78127;
  --color-5: #e03134;
}

SCSS

$color-1: #13a7b5;
$color-2: #c4b860;
$color-3: #eed9a2;
$color-4: #f78127;
$color-5: #e03134;

TAILWIND

colors: {
  'brand-1': '#13a7b5',
  'brand-2': '#c4b860',
  'brand-3': '#eed9a2',
  'brand-4': '#f78127',
  'brand-5': '#e03134',
}

RGB Array

[19, 167, 181], [196, 184, 96], [238, 217, 162], [247, 129, 39], [224, 49, 52]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #13A7B5, #C4B860, #EED9A2, #F78127, #E03134 is ideal for: social media posters, mobile apps, e-commerce promos. 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: #13a7b5; --color-2: #c4b860; --color-3: #eed9a2; --color-4: #f78127; --color-5: #e03134. 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. 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