← Back to Editor

#38B08C · #E8B620 · #DB9C1F · #E8203E · #B51837

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

#38B08C

Mineral Blue · MediumSeaGreen · Mint Ice

HEX
#38B08C
RGB
rgb(56, 176, 140)
HSL
hsl(162, 52%, 45%)
HSB
hsb(162, 68%, 69%)
CMYK
cmyk(68%, 0%, 20%, 31%)
Oklch
oklch(68.2% 0.119 168.9)

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

#E8B620

Ginger · GoldenRod · Sunflower

HEX
#E8B620
RGB
rgb(232, 182, 32)
HSL
hsl(45, 81%, 52%)
HSB
hsb(45, 86%, 91%)
CMYK
cmyk(0%, 22%, 86%, 9%)
Oklch
oklch(80.0% 0.157 87.6)

Traditional「Ginger」· Paint「Sunflower」· Creative Blush Sunrise

#DB9C1F

Ochre · GoldenRod · Honey Gold

HEX
#DB9C1F
RGB
rgb(219, 156, 31)
HSL
hsl(40, 75%, 49%)
HSB
hsb(40, 86%, 86%)
CMYK
cmyk(0%, 29%, 86%, 14%)
Oklch
oklch(73.5% 0.146 78.0)

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

#E8203E

Vermilion · Crimson · Passion Red

HEX
#E8203E
RGB
rgb(232, 32, 62)
HSL
hsl(351, 81%, 52%)
HSB
hsb(351, 86%, 91%)
CMYK
cmyk(0%, 86%, 73%, 9%)
Oklch
oklch(59.8% 0.227 21.4)

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

#B51837

Vermilion · FireBrick · Wine Red

HEX
#B51837
RGB
rgb(181, 24, 55)
HSL
hsl(348, 77%, 40%)
HSB
hsb(348, 87%, 71%)
CMYK
cmyk(0%, 87%, 70%, 29%)
Oklch
oklch(49.9% 0.187 18.4)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

38B08C
AE375B

Analogous

37AE4F
38B08C
3797AE

Triadic

38B08C
8B37AE
AE8B37

Split-Comp.

38B08C
AE3797
AE4F37

Tetradic

38B08C
4F37AE
AE375B
97AE37

Contrast Matrix WCAG 2.1 Contrast

38B08C
E8B620
DB9C1F
E8203E
B51837
—
1.4
Fail
1.1
Fail
1.6
Fail
2.5
Fail
1.4
Fail
—
1.3
Fail
2.4
Fail
3.5
AA Large
1.1
Fail
1.3
Fail
—
1.9
Fail
2.8
Fail
1.6
Fail
2.4
Fail
1.9
Fail
—
1.5
Fail
2.5
Fail
3.5
AA Large
2.8
Fail
1.5
Fail
—
White BG
2.7Fail
1.9Fail
2.4Fail
4.5AA Large
6.7AA
Black BG
7.8AAA
11.1AAA
8.8AAA
4.7AA
3.2AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

6C6D95
D2D244
C0BF3D
919037
71702F

Deuteranopia

655C97
D5D94D
C3C845
9DAC35
7A862E

Tritanopia

3E9C9D
E56167
D8555A
DE3130
AD2A28

Achromatopsia

888888
B4B4B4
A1A1A1
5F5F5F
4A4A4A

Shades & Tints Shades & Tints

#38B08C

Dark
Light

#E8B620

Dark
Light

#DB9C1F

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #38b08c;
  --color-2: #e8b620;
  --color-3: #db9c1f;
  --color-4: #e8203e;
  --color-5: #b51837;
}

SCSS

$color-1: #38b08c;
$color-2: #e8b620;
$color-3: #db9c1f;
$color-4: #e8203e;
$color-5: #b51837;

TAILWIND

colors: {
  'brand-1': '#38b08c',
  'brand-2': '#e8b620',
  'brand-3': '#db9c1f',
  'brand-4': '#e8203e',
  'brand-5': '#b51837',
}

RGB Array

[56, 176, 140], [232, 182, 32], [219, 156, 31], [232, 32, 62], [181, 24, 55]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #38B08C, #E8B620, #DB9C1F, #E8203E, #B51837 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: #38b08c; --color-2: #e8b620; --color-3: #db9c1f; --color-4: #e8203e; --color-5: #b51837. 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