← Back to Editor

#44EAC3 · #91EA97 · #CEEA46 · #EBB97C · #D7345F

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

#44EAC3

Mineral Blue · Turquoise · Lake Green

HEX
#44EAC3
RGB
rgb(68, 234, 195)
HSL
hsl(166, 80%, 59%)
HSB
hsb(166, 71%, 92%)
CMYK
cmyk(71%, 0%, 17%, 8%)
Oklch
oklch(84.4% 0.145 173.2)

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

#91EA97

Emerald · LightGreen · Apple Green

HEX
#91EA97
RGB
rgb(145, 234, 151)
HSL
hsl(124, 68%, 74%)
HSB
hsb(124, 38%, 92%)
CMYK
cmyk(38%, 0%, 35%, 8%)
Oklch
oklch(86.0% 0.143 145.7)

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

#CEEA46

Grass Green · GreenYellow · Olive Green

HEX
#CEEA46
RGB
rgb(206, 234, 70)
HSL
hsl(70, 80%, 60%)
HSB
hsb(70, 70%, 92%)
CMYK
cmyk(12%, 0%, 70%, 8%)
Oklch
oklch(88.8% 0.184 118.8)

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

#EBB97C

Ginger · BurlyWood · Warm Sun

HEX
#EBB97C
RGB
rgb(235, 185, 124)
HSL
hsl(33, 74%, 70%)
HSB
hsb(33, 47%, 92%)
CMYK
cmyk(0%, 21%, 47%, 8%)
Oklch
oklch(81.7% 0.097 71.3)

Traditional「Ginger」· Paint「Warm Sun」· Creative Honey Glow

#D7345F

Dark Violet · Crimson · Rose Pink

HEX
#D7345F
RGB
rgb(215, 52, 95)
HSL
hsl(344, 67%, 52%)
HSB
hsb(344, 76%, 84%)
CMYK
cmyk(0%, 76%, 56%, 16%)
Oklch
oklch(58.7% 0.199 10.9)

Traditional「Dark Violet」· Paint「Rose Pink」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

44EAC3
EA436A

Analogous

43EA6F
44EAC3
43BDEA

Triadic

44EAC3
C343EA
EAC343

Split-Comp.

44EAC3
EA43BD
EA6F43

Tetradic

44EAC3
6F43EA
EA436A
BDEA43

Contrast Matrix WCAG 2.1 Contrast

44EAC3
91EA97
CEEA46
EBB97C
D7345F
—
1.0
Fail
1.1
Fail
1.2
Fail
3.0
AA Large
1.0
Fail
—
1.1
Fail
1.2
Fail
3.2
AA Large
1.1
Fail
1.1
Fail
—
1.3
Fail
3.4
AA Large
1.2
Fail
1.2
Fail
1.3
Fail
—
2.6
Fail
3.0
AA Large
3.2
AA Large
3.4
AA Large
2.6
Fail
—
White BG
1.5Fail
1.5Fail
1.4Fail
1.8Fail
4.6AA
Black BG
13.8AAA
14.4AAA
15.5AAA
11.8AAA
4.5AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

8C8DCC
B8B8AB
DADA6E
D5D58B
908F55

Deuteranopia

8276CF
B2ACB0
D9D677
D8DC8E
9AA652

Tritanopia

4CD4D6
95BBBE
CF8D94
E99699
CF4C4B

Achromatopsia

B4B4B4
C6C6C6
CFCFCF
C1C1C1
6A6A6A

Shades & Tints Shades & Tints

#44EAC3

Dark
Light

#91EA97

Dark
Light

#CEEA46

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #44eac3;
  --color-2: #91ea97;
  --color-3: #ceea46;
  --color-4: #ebb97c;
  --color-5: #d7345f;
}

SCSS

$color-1: #44eac3;
$color-2: #91ea97;
$color-3: #ceea46;
$color-4: #ebb97c;
$color-5: #d7345f;

TAILWIND

colors: {
  'brand-1': '#44eac3',
  'brand-2': '#91ea97',
  'brand-3': '#ceea46',
  'brand-4': '#ebb97c',
  'brand-5': '#d7345f',
}

RGB Array

[68, 234, 195], [145, 234, 151], [206, 234, 70], [235, 185, 124], [215, 52, 95]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #44EAC3, #91EA97, #CEEA46, #EBB97C, #D7345F 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: #44eac3; --color-2: #91ea97; --color-3: #ceea46; --color-4: #ebb97c; --color-5: #d7345f. 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