← Back to Editor

#38FFAC · #8C6969 · #BF8373 · #E8B684 · #F5EA84

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

#38FFAC

Jade · Turquoise · Apple Green

HEX
#38FFAC
RGB
rgb(56, 255, 172)
HSL
hsl(155, 100%, 61%)
HSB
hsb(155, 78%, 100%)
CMYK
cmyk(78%, 0%, 33%, 0%)
Oklch
oklch(88.7% 0.190 159.5)

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

#8C6969

Crimson · Gray · Passion Red

HEX
#8C6969
RGB
rgb(140, 105, 105)
HSL
hsl(0, 14%, 48%)
HSB
hsb(0, 25%, 55%)
CMYK
cmyk(0%, 25%, 25%, 45%)
Oklch
oklch(55.6% 0.045 18.6)

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

#BF8373

Crimson · DarkSalmon · Passion Red

HEX
#BF8373
RGB
rgb(191, 131, 115)
HSL
hsl(13, 37%, 60%)
HSB
hsb(13, 40%, 75%)
CMYK
cmyk(0%, 31%, 40%, 25%)
Oklch
oklch(66.6% 0.078 35.6)

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

#E8B684

Goose Yellow · BurlyWood · Warm Sun

HEX
#E8B684
RGB
rgb(232, 182, 132)
HSL
hsl(30, 68%, 71%)
HSB
hsb(30, 43%, 91%)
CMYK
cmyk(0%, 22%, 43%, 9%)
Oklch
oklch(81.0% 0.087 66.1)

Traditional「Goose Yellow」· Paint「Warm Sun」· Creative Honey Glow

#F5EA84

Fresh Green · Khaki · Sunflower

HEX
#F5EA84
RGB
rgb(245, 234, 132)
HSL
hsl(54, 85%, 74%)
HSB
hsb(54, 46%, 96%)
CMYK
cmyk(0%, 4%, 46%, 4%)
Oklch
oklch(92.5% 0.124 103.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

38FFAC
FF388B

Analogous

38FF49
38FFAC
38EEFF

Triadic

38FFAC
AC38FF
FFAC38

Split-Comp.

38FFAC
FF38EE
FF4938

Tetradic

38FFAC
4938FF
FF388B
EEFF38

Contrast Matrix WCAG 2.1 Contrast

38FFAC
8C6969
BF8373
E8B684
F5EA84
—
3.7
AA Large
2.4
Fail
1.4
Fail
1.1
Fail
3.7
AA Large
—
1.5
Fail
2.6
Fail
3.9
AA Large
2.4
Fail
1.5
Fail
—
1.7
Fail
2.5
Fail
1.4
Fail
2.6
Fail
1.7
Fail
—
1.5
Fail
1.1
Fail
3.9
AA Large
2.5
Fail
1.5
Fail
—
White BG
1.3Fail
4.8AA
3.1AA Large
1.8Fail
1.2Fail
Black BG
16.1AAA
4.3AA Large
6.7AA
11.5AAA
17.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

8E90C0
7D7D69
A5A477
D2D290
F0F09D

Deuteranopia

8374C5
7F8269
A9AD78
D5D993
F1F2A3

Tritanopia

42D0D3
8A6969
BC7A7B
E59A9C
F4B0B4

Achromatopsia

BABABA
737373
939393
BFBFBF
E2E2E2

Shades & Tints Shades & Tints

#38FFAC

Dark
Light

#8C6969

Dark
Light

#BF8373

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #38ffac;
  --color-2: #8c6969;
  --color-3: #bf8373;
  --color-4: #e8b684;
  --color-5: #f5ea84;
}

SCSS

$color-1: #38ffac;
$color-2: #8c6969;
$color-3: #bf8373;
$color-4: #e8b684;
$color-5: #f5ea84;

TAILWIND

colors: {
  'brand-1': '#38ffac',
  'brand-2': '#8c6969',
  'brand-3': '#bf8373',
  'brand-4': '#e8b684',
  'brand-5': '#f5ea84',
}

RGB Array

[56, 255, 172], [140, 105, 105], [191, 131, 115], [232, 182, 132], [245, 234, 132]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #38FFAC, #8C6969, #BF8373, #E8B684, #F5EA84 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: #38ffac; --color-2: #8c6969; --color-3: #bf8373; --color-4: #e8b684; --color-5: #f5ea84. 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