← Back to Editor

#134A85 · #8BD0A3 · #D7C79A · #ECD965 · #D2BB17

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

#134A85

Indigo · MidnightBlue · Prussian Blue

HEX
#134A85
RGB
rgb(19, 74, 133)
HSL
hsl(211, 75%, 30%)
HSB
hsb(211, 86%, 52%)
CMYK
cmyk(86%, 44%, 0%, 48%)
Oklch
oklch(40.8% 0.113 253.8)

Traditional「Indigo」· Paint「Prussian Blue」· Creative Blush Sunrise

#8BD0A3

Celadon · DarkSeaGreen · Apple Green

HEX
#8BD0A3
RGB
rgb(139, 208, 163)
HSL
hsl(141, 42%, 68%)
HSB
hsb(141, 33%, 82%)
CMYK
cmyk(33%, 0%, 22%, 18%)
Oklch
oklch(79.9% 0.095 155.1)

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

#D7C79A

Goose Yellow · Tan · Sunflower

HEX
#D7C79A
RGB
rgb(215, 199, 154)
HSL
hsl(44, 43%, 72%)
HSB
hsb(44, 28%, 84%)
CMYK
cmyk(0%, 7%, 28%, 16%)
Oklch
oklch(83.2% 0.062 90.8)

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

#ECD965

Fresh Green · Khaki · Sunflower

HEX
#ECD965
RGB
rgb(236, 217, 101)
HSL
hsl(52, 78%, 66%)
HSB
hsb(52, 57%, 93%)
CMYK
cmyk(0%, 8%, 57%, 7%)
Oklch
oklch(87.9% 0.138 100.1)

Traditional「Fresh Green」· Paint「Sunflower」· Creative Lemon Fizz

#D2BB17

Autumn Sage · GoldenRod · Honey Gold

HEX
#D2BB17
RGB
rgb(210, 187, 23)
HSL
hsl(53, 80%, 46%)
HSB
hsb(53, 89%, 82%)
CMYK
cmyk(0%, 11%, 89%, 18%)
Oklch
oklch(78.8% 0.160 100.1)

Traditional「Autumn Sage」· Paint「Honey Gold」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

134A85
864E13

Analogous

138486
134A85
151386

Triadic

134A85
86134B
4B8613

Split-Comp.

134A85
861513
848613

Tetradic

134A85
861384
864E13
138615

Contrast Matrix WCAG 2.1 Contrast

134A85
8BD0A3
D7C79A
ECD965
D2BB17
—
5.0
AA
5.3
AA
6.3
AA
4.6
AA
5.0
AA
—
1.1
Fail
1.3
Fail
1.1
Fail
5.3
AA
1.1
Fail
—
1.2
Fail
1.2
Fail
6.3
AA
1.3
Fail
1.2
Fail
—
1.4
Fail
4.6
AA
1.1
Fail
1.2
Fail
1.4
Fail
—
White BG
9.0AAA
1.8Fail
1.7Fail
1.4Fail
1.9Fail
Black BG
2.3Fail
11.6AAA
12.5AAA
14.7AAA
10.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

2B2B77
A9A9AE
D0D0A5
E4E481
C8C83F

Deuteranopia

282473
A5A0B1
D1D2A8
E5E688
C9CB48

Tritanopia

166B69
8EB6B8
D6ADAF
EB979C
D15E65

Achromatopsia

404040
B6B6B6
C7C7C7
D1D1D1
AFAFAF

Shades & Tints Shades & Tints

#134A85

Dark
Light

#8BD0A3

Dark
Light

#D7C79A

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #134a85;
  --color-2: #8bd0a3;
  --color-3: #d7c79a;
  --color-4: #ecd965;
  --color-5: #d2bb17;
}

SCSS

$color-1: #134a85;
$color-2: #8bd0a3;
$color-3: #d7c79a;
$color-4: #ecd965;
$color-5: #d2bb17;

TAILWIND

colors: {
  'brand-1': '#134a85',
  'brand-2': '#8bd0a3',
  'brand-3': '#d7c79a',
  'brand-4': '#ecd965',
  'brand-5': '#d2bb17',
}

RGB Array

[19, 74, 133], [139, 208, 163], [215, 199, 154], [236, 217, 101], [210, 187, 23]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #134A85, #8BD0A3, #D7C79A, #ECD965, #D2BB17 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: #134a85; --color-2: #8bd0a3; --color-3: #d7c79a; --color-4: #ecd965; --color-5: #d2bb17. 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 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