← Back to Editor

#27ABA9 · #F26F94 · #E63E5A · #E6A045 · #1A1F19

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

#27ABA9

Mineral Blue · LightSeaGreen · Mint Ice

HEX
#27ABA9
RGB
rgb(39, 171, 169)
HSL
hsl(179, 63%, 41%)
HSB
hsb(179, 77%, 67%)
CMYK
cmyk(77%, 0%, 1%, 33%)
Oklch
oklch(67.4% 0.107 193.3)

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

#F26F94

Rouge · LightCoral · Rose Pink

HEX
#F26F94
RGB
rgb(242, 111, 148)
HSL
hsl(343, 83%, 69%)
HSB
hsb(343, 54%, 95%)
CMYK
cmyk(0%, 54%, 39%, 5%)
Oklch
oklch(70.8% 0.164 4.5)

Traditional「Rouge」· Paint「Rose Pink」· Creative Rose Petal

#E63E5A

Vermilion · Tomato · Passion Red

HEX
#E63E5A
RGB
rgb(230, 62, 90)
HSL
hsl(350, 77%, 57%)
HSB
hsb(350, 73%, 90%)
CMYK
cmyk(0%, 73%, 61%, 10%)
Oklch
oklch(62.0% 0.203 16.3)

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

#E6A045

Ginger · SandyBrown · Warm Sun

HEX
#E6A045
RGB
rgb(230, 160, 69)
HSL
hsl(34, 76%, 59%)
HSB
hsb(34, 70%, 90%)
CMYK
cmyk(0%, 30%, 70%, 10%)
Oklch
oklch(75.8% 0.134 70.1)

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

#1A1F19

Celadon · Black · Dark Green

HEX
#1A1F19
RGB
rgb(26, 31, 25)
HSL
hsl(110, 11%, 11%)
HSB
hsb(110, 19%, 12%)
CMYK
cmyk(16%, 0%, 19%, 88%)
Oklch
oklch(23.2% 0.014 140.4)

Traditional「Celadon」· Paint「Dark Green」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

27ABA9
AA2729

Analogous

27AA66
27ABA9
276BAA

Triadic

27ABA9
A827AA
AAA827

Split-Comp.

27ABA9
AA276B
AA6627

Tetradic

27ABA9
6627AA
AA2729
6BAA27

Contrast Matrix WCAG 2.1 Contrast

27ABA9
F26F94
E63E5A
E6A045
1A1F19
—
1.0
Fail
1.4
Fail
1.3
Fail
6.0
AA
1.0
Fail
—
1.4
Fail
1.3
Fail
6.0
AA
1.4
Fail
1.4
Fail
—
1.8
Fail
4.1
AA Large
1.3
Fail
1.3
Fail
1.8
Fail
—
7.6
AAA
6.0
AA
6.0
AA
4.1
AA Large
7.6
AAA
—
White BG
2.8Fail
2.8Fail
4.0AA Large
2.2Fail
16.7AAA
Black BG
7.5AAA
7.5AAA
5.2AA
9.5AAA
1.3Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

6061A9
B9B88B
9D9C53
C8C75B
1C1C1A

Deuteranopia

594FAA
C1CB89
A7B452
CCD160
1C1C1B

Tritanopia

2EAAAA
EB8482
DE4E4D
E36C70
1A1C1C

Achromatopsia

838383
9A9A9A
737373
ABABAB
1D1D1D

Shades & Tints Shades & Tints

#27ABA9

Dark
Light

#F26F94

Dark
Light

#E63E5A

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #27aba9;
  --color-2: #f26f94;
  --color-3: #e63e5a;
  --color-4: #e6a045;
  --color-5: #1a1f19;
}

SCSS

$color-1: #27aba9;
$color-2: #f26f94;
$color-3: #e63e5a;
$color-4: #e6a045;
$color-5: #1a1f19;

TAILWIND

colors: {
  'brand-1': '#27aba9',
  'brand-2': '#f26f94',
  'brand-3': '#e63e5a',
  'brand-4': '#e6a045',
  'brand-5': '#1a1f19',
}

RGB Array

[39, 171, 169], [242, 111, 148], [230, 62, 90], [230, 160, 69], [26, 31, 25]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #27ABA9, #F26F94, #E63E5A, #E6A045, #1A1F19 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: #27aba9; --color-2: #f26f94; --color-3: #e63e5a; --color-4: #e6a045; --color-5: #1a1f19. 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