← Back to Editor

#E5E428 · #95DCCD · #41A79A · #21676F · #0D3641

A 5-color palette palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#E5E428

Autumn Sage · Gold · Sunflower

HEX
#E5E428
RGB
rgb(229, 228, 40)
HSL
hsl(60, 78%, 53%)
HSB
hsb(60, 83%, 90%)
CMYK
cmyk(0%, 0%, 83%, 10%)
Oklch
oklch(89.1% 0.186 109.3)

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

#95DCCD

Jade · LightBlue · Lake Green

HEX
#95DCCD
RGB
rgb(149, 220, 205)
HSL
hsl(167, 50%, 72%)
HSB
hsb(167, 32%, 86%)
CMYK
cmyk(32%, 0%, 7%, 14%)
Oklch
oklch(84.3% 0.074 179.7)

Traditional「Jade」· Paint「Lake Green」· Creative Arctic Pool

#41A79A

Mineral Blue · CadetBlue · Mint Ice

HEX
#41A79A
RGB
rgb(65, 167, 154)
HSL
hsl(172, 44%, 45%)
HSB
hsb(172, 61%, 65%)
CMYK
cmyk(61%, 0%, 8%, 35%)
Oklch
oklch(66.6% 0.096 183.6)

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

#21676F

Lake Blue · DarkSlateGray · Mint Ice

HEX
#21676F
RGB
rgb(33, 103, 111)
HSL
hsl(186, 54%, 28%)
HSB
hsb(186, 70%, 44%)
CMYK
cmyk(70%, 7%, 0%, 56%)
Oklch
oklch(47.4% 0.069 205.9)

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

#0D3641

Lake Blue · DarkSlateGray · Peacock Green

HEX
#0D3641
RGB
rgb(13, 54, 65)
HSL
hsl(193, 67%, 15%)
HSB
hsb(193, 80%, 25%)
CMYK
cmyk(80%, 17%, 0%, 75%)
Oklch
oklch(31.0% 0.048 219.4)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E5E428
2A2AE5

Analogous

E5872A
E5E428
87E52A

Triadic

E5E428
2AE5E5
E52AE5

Split-Comp.

E5E428
2A87E5
872AE5

Tetradic

E5E428
2AE587
2A2AE5
E52A87

Contrast Matrix WCAG 2.1 Contrast

E5E428
95DCCD
41A79A
21676F
0D3641
—
1.2
Fail
2.1
Fail
4.8
AA
9.5
AAA
1.2
Fail
—
1.9
Fail
4.1
AA Large
8.3
AAA
2.1
Fail
1.9
Fail
—
2.2
Fail
4.5
AA Large
4.8
AA
4.1
AA Large
2.2
Fail
—
2.0
Fail
9.5
AAA
8.3
AAA
4.5
AA Large
2.0
Fail
—
White BG
1.4Fail
1.6Fail
2.9Fail
6.5AA
13.0AAA
Black BG
15.5AAA
13.4AAA
7.2AAA
3.2AA Large
1.6Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

E5E555
B4B4D1
6D6E9D
3F406D
1F1F3E

Deuteranopia

E5E560
B0AAD2
67609E
3B366D
1C193E

Tritanopia

E57981
99D3D4
46A0A0
256C6B
0F3C3C

Achromatopsia

CFCFCF
C5C5C5
878787
535353
2B2B2B

Shades & Tints Shades & Tints

#E5E428

Dark
Light

#95DCCD

Dark
Light

#41A79A

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e5e428;
  --color-2: #95dccd;
  --color-3: #41a79a;
  --color-4: #21676f;
  --color-5: #0d3641;
}

SCSS

$color-1: #e5e428;
$color-2: #95dccd;
$color-3: #41a79a;
$color-4: #21676f;
$color-5: #0d3641;

TAILWIND

colors: {
  'brand-1': '#e5e428',
  'brand-2': '#95dccd',
  'brand-3': '#41a79a',
  'brand-4': '#21676f',
  'brand-5': '#0d3641',
}

RGB Array

[229, 228, 40], [149, 220, 205], [65, 167, 154], [33, 103, 111], [13, 54, 65]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E5E428, #95DCCD, #41A79A, #21676F, #0D3641 is ideal for: infographics, data visualization, accessible design. High contrast ensures clear visual hierarchy and readability. It is a balanced and harmonious choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #e5e428; --color-2: #95dccd; --color-3: #41a79a; --color-4: #21676f; --color-5: #0d3641. 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 tech, SaaS, healthcare, eco industries. 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