← Back to Editor

#55A19F · #190017 · #EB3952 · #C3D860 · #EBF4C2

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 AppData Visualization

Color Details Color Details

#55A19F

Mineral Blue · CadetBlue · Mint Ice

HEX
#55A19F
RGB
rgb(85, 161, 159)
HSL
hsl(178, 31%, 48%)
HSB
hsb(178, 47%, 63%)
CMYK
cmyk(47%, 0%, 1%, 37%)
Oklch
oklch(66.0% 0.076 193.2)

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

#190017

Rose Purple · Black · Dark Purple

HEX
#190017
RGB
rgb(25, 0, 23)
HSL
hsl(305, 100%, 5%)
HSB
hsb(305, 100%, 10%)
CMYK
cmyk(0%, 100%, 8%, 90%)
Oklch
oklch(14.8% 0.067 331.4)

Traditional「Rose Purple」· Paint「Dark Purple」· Creative Blush Sunrise

#EB3952

Vermilion · Crimson · Passion Red

HEX
#EB3952
RGB
rgb(235, 57, 82)
HSL
hsl(352, 82%, 57%)
HSB
hsb(352, 76%, 92%)
CMYK
cmyk(0%, 76%, 65%, 8%)
Oklch
oklch(62.3% 0.212 18.7)

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

#C3D860

Willow Green · BurlyWood · Apple Green

HEX
#C3D860
RGB
rgb(195, 216, 96)
HSL
hsl(71, 61%, 61%)
HSB
hsb(71, 56%, 85%)
CMYK
cmyk(10%, 0%, 56%, 15%)
Oklch
oklch(84.2% 0.147 118.0)

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

#EBF4C2

Willow Green · Bisque · Mint Green

HEX
#EBF4C2
RGB
rgb(235, 244, 194)
HSL
hsl(71, 69%, 86%)
HSB
hsb(71, 20%, 96%)
CMYK
cmyk(4%, 0%, 20%, 4%)
Oklch
oklch(94.8% 0.066 116.0)

Traditional「Willow Green」· Paint「Mint Green」· Creative Mint Breeze

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

55A19F
A05457

Analogous

54A078
55A19F
547DA0

Triadic

55A19F
9E54A0
A09E54

Split-Comp.

55A19F
A0547D
A07854

Tetradic

55A19F
7854A0
A05457
7DA054

Contrast Matrix WCAG 2.1 Contrast

55A19F
190017
EB3952
C3D860
EBF4C2
—
6.6
AA
1.3
Fail
1.9
Fail
2.6
Fail
6.6
AA
—
5.0
AA
12.6
AAA
17.3
AAA
1.3
Fail
5.0
AA
—
2.5
Fail
3.5
AA Large
1.9
Fail
12.6
AAA
2.5
Fail
—
1.4
Fail
2.6
Fail
17.3
AAA
3.5
AA Large
1.4
Fail
—
White BG
3.0AA Large
19.9AAA
4.0AA Large
1.6Fail
1.2Fail
Black BG
7.0AA
1.1Fail
5.2AA
13.3AAA
18.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

76779F
0E0E11
9E9C4C
CCCC7D
EFEFCE

Deuteranopia

726CA0
101210
A8B64B
CBC984
EEEED1

Tritanopia

59A0A0
180D0C
E24746
C49499
EBD8DA

Achromatopsia

8A8A8A
0A0A0A
717171
C4C4C4
ECECEC

Shades & Tints Shades & Tints

#55A19F

Dark
Light

#190017

Dark
Light

#EB3952

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #55a19f;
  --color-2: #190017;
  --color-3: #eb3952;
  --color-4: #c3d860;
  --color-5: #ebf4c2;
}

SCSS

$color-1: #55a19f;
$color-2: #190017;
$color-3: #eb3952;
$color-4: #c3d860;
$color-5: #ebf4c2;

TAILWIND

colors: {
  'brand-1': '#55a19f',
  'brand-2': '#190017',
  'brand-3': '#eb3952',
  'brand-4': '#c3d860',
  'brand-5': '#ebf4c2',
}

RGB Array

[85, 161, 159], [25, 0, 23], [235, 57, 82], [195, 216, 96], [235, 244, 194]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #55A19F, #190017, #EB3952, #C3D860, #EBF4C2 is ideal for: social media posters, mobile apps, e-commerce promos, infographics, data visualization, accessible design. Vivid colors effectively attract user attention. High contrast ensures clear visual hierarchy and readability. 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: #55a19f; --color-2: #190017; --color-3: #eb3952; --color-4: #c3d860; --color-5: #ebf4c2. 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. High-contrast palettes naturally meet WCAG accessibility standards. 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