← Back to Editor

#2D8472 · #27A375 · #6EBB3A · #CAAB1F · #EF7B15

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

#2D8472

Mineral Blue · SeaGreen · Mint Ice

HEX
#2D8472
RGB
rgb(45, 132, 114)
HSL
hsl(168, 49%, 35%)
HSB
hsb(168, 66%, 52%)
CMYK
cmyk(66%, 0%, 14%, 48%)
Oklch
oklch(55.7% 0.087 176.6)

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

#27A375

Mineral Blue · MediumSeaGreen · Forest Green

HEX
#27A375
RGB
rgb(39, 163, 117)
HSL
hsl(158, 61%, 40%)
HSB
hsb(158, 76%, 64%)
CMYK
cmyk(76%, 0%, 28%, 36%)
Oklch
oklch(63.8% 0.127 163.0)

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

#6EBB3A

Pine Green · LimeGreen · Olive Green

HEX
#6EBB3A
RGB
rgb(110, 187, 58)
HSL
hsl(96, 53%, 48%)
HSB
hsb(96, 69%, 73%)
CMYK
cmyk(41%, 0%, 69%, 27%)
Oklch
oklch(71.6% 0.179 135.3)

Traditional「Pine Green」· Paint「Olive Green」· Creative Blush Sunrise

#CAAB1F

Ochre · GoldenRod · Honey Gold

HEX
#CAAB1F
RGB
rgb(202, 171, 31)
HSL
hsl(49, 73%, 46%)
HSB
hsb(49, 85%, 79%)
CMYK
cmyk(0%, 15%, 85%, 21%)
Oklch
oklch(74.7% 0.146 95.1)

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

#EF7B15

Tangerine · Chocolate · Warm Sun

HEX
#EF7B15
RGB
rgb(239, 123, 21)
HSL
hsl(28, 87%, 51%)
HSB
hsb(28, 91%, 94%)
CMYK
cmyk(0%, 49%, 91%, 6%)
Oklch
oklch(70.3% 0.172 53.2)

Traditional「Tangerine」· Paint「Warm Sun」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

2D8472
852E3F

Analogous

2E8548
2D8472
2E6B85

Triadic

2D8472
732E85
85732E

Split-Comp.

2D8472
852E6B
85482E

Tetradic

2D8472
482E85
852E3F
6B852E

Contrast Matrix WCAG 2.1 Contrast

2D8472
27A375
6EBB3A
CAAB1F
EF7B15
—
1.4
Fail
1.9
Fail
2.0
Fail
1.6
Fail
1.4
Fail
—
1.3
Fail
1.4
Fail
1.1
Fail
1.9
Fail
1.3
Fail
—
1.1
Fail
1.2
Fail
2.0
Fail
1.4
Fail
1.1
Fail
—
1.2
Fail
1.6
Fail
1.1
Fail
1.2
Fail
1.2
Fail
—
White BG
4.5AA
3.2AA Large
2.4Fail
2.2Fail
2.8Fail
Black BG
4.7AA
6.6AA
8.8AAA
9.4AAA
7.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

535376
5D5E80
8F9059
BDBC41
BDBC2E

Deuteranopia

4E4777
564C83
8B8561
BEC149
C4CC34

Tritanopia

317A7B
2D898B
727277
C85C62
E94145

Achromatopsia

686868
797979
959595
A4A4A4
929292

Shades & Tints Shades & Tints

#2D8472

Dark
Light

#27A375

Dark
Light

#6EBB3A

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #2d8472;
  --color-2: #27a375;
  --color-3: #6ebb3a;
  --color-4: #caab1f;
  --color-5: #ef7b15;
}

SCSS

$color-1: #2d8472;
$color-2: #27a375;
$color-3: #6ebb3a;
$color-4: #caab1f;
$color-5: #ef7b15;

TAILWIND

colors: {
  'brand-1': '#2d8472',
  'brand-2': '#27a375',
  'brand-3': '#6ebb3a',
  'brand-4': '#caab1f',
  'brand-5': '#ef7b15',
}

RGB Array

[45, 132, 114], [39, 163, 117], [110, 187, 58], [202, 171, 31], [239, 123, 21]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #2D8472, #27A375, #6EBB3A, #CAAB1F, #EF7B15 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: #2d8472; --color-2: #27a375; --color-3: #6ebb3a; --color-4: #caab1f; --color-5: #ef7b15. 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