← Back to Editor

#BA4F2B · #468273 · #10B093 · #40E3A4 · #A3E39A

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

#BA4F2B

Tangerine · Sienna · Amber Brown

HEX
#BA4F2B
RGB
rgb(186, 79, 43)
HSL
hsl(15, 62%, 45%)
HSB
hsb(15, 77%, 73%)
CMYK
cmyk(0%, 58%, 77%, 27%)
Oklch
oklch(56.1% 0.147 38.5)

Traditional「Tangerine」· Paint「Amber Brown」· Creative Blush Sunrise

#468273

Mineral Blue · SeaGreen · Mint Ice

HEX
#468273
RGB
rgb(70, 130, 115)
HSL
hsl(165, 30%, 39%)
HSB
hsb(165, 46%, 51%)
CMYK
cmyk(46%, 0%, 12%, 49%)
Oklch
oklch(56.1% 0.067 175.6)

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

#10B093

Mineral Blue · LightSeaGreen · Mint Ice

HEX
#10B093
RGB
rgb(16, 176, 147)
HSL
hsl(169, 83%, 38%)
HSB
hsb(169, 91%, 69%)
CMYK
cmyk(91%, 0%, 16%, 31%)
Oklch
oklch(67.7% 0.125 175.0)

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

#40E3A4

Mineral Blue · Turquoise · Olive Green

HEX
#40E3A4
RGB
rgb(64, 227, 164)
HSL
hsl(157, 74%, 57%)
HSB
hsb(157, 72%, 89%)
CMYK
cmyk(72%, 0%, 28%, 11%)
Oklch
oklch(81.8% 0.161 162.5)

Traditional「Mineral Blue」· Paint「Olive Green」· Creative Blush Sunrise

#A3E39A

Emerald · LightGreen · Apple Green

HEX
#A3E39A
RGB
rgb(163, 227, 154)
HSL
hsl(113, 57%, 75%)
HSB
hsb(113, 32%, 89%)
CMYK
cmyk(28%, 0%, 32%, 11%)
Oklch
oklch(85.5% 0.118 141.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

BA4F2B
2C96BA

Analogous

BA2C4F
BA4F2B
BA962C

Triadic

BA4F2B
2CBA4F
4F2CBA

Split-Comp.

BA4F2B
2CBA96
2C4FBA

Tetradic

BA4F2B
4FBA2C
2C96BA
962CBA

Contrast Matrix WCAG 2.1 Contrast

BA4F2B
468273
10B093
40E3A4
A3E39A
—
1.1
Fail
1.8
Fail
3.0
AA Large
3.3
AA Large
1.1
Fail
—
1.6
Fail
2.7
Fail
3.0
Fail
1.8
Fail
1.6
Fail
—
1.7
Fail
1.8
Fail
3.0
AA Large
2.7
Fail
1.7
Fail
—
1.1
Fail
3.3
AA Large
3.0
Fail
1.8
Fail
1.1
Fail
—
White BG
5.0AA
4.5AA Large
2.7Fail
1.6Fail
1.5Fail
Black BG
4.2AA Large
4.7AA
7.7AAA
12.7AAA
14.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

8C8B34
606177
55579A
8788B3
BFBFAC

Deuteranopia

929A36
5D5878
4C409C
7D71B7
BBB6B0

Tritanopia

B53B3C
49797A
18A0A1
48BFC2
A6BABD

Achromatopsia

6B6B6B
6E6E6E
7D7D7D
ABABAB
C8C8C8

Shades & Tints Shades & Tints

#BA4F2B

Dark
Light

#468273

Dark
Light

#10B093

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ba4f2b;
  --color-2: #468273;
  --color-3: #10b093;
  --color-4: #40e3a4;
  --color-5: #a3e39a;
}

SCSS

$color-1: #ba4f2b;
$color-2: #468273;
$color-3: #10b093;
$color-4: #40e3a4;
$color-5: #a3e39a;

TAILWIND

colors: {
  'brand-1': '#ba4f2b',
  'brand-2': '#468273',
  'brand-3': '#10b093',
  'brand-4': '#40e3a4',
  'brand-5': '#a3e39a',
}

RGB Array

[186, 79, 43], [70, 130, 115], [16, 176, 147], [64, 227, 164], [163, 227, 154]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #BA4F2B, #468273, #10B093, #40E3A4, #A3E39A 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: #ba4f2b; --color-2: #468273; --color-3: #10b093; --color-4: #40e3a4; --color-5: #a3e39a. 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