← Back to Editor

#327B72 · #EE4C73 · #131A1D · #F1D59D · #8BCDC4

A 5-color palette palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#327B72

Mineral Blue · SeaGreen · Mint Ice

HEX
#327B72
RGB
rgb(50, 123, 114)
HSL
hsl(173, 42%, 34%)
HSB
hsb(173, 59%, 48%)
CMYK
cmyk(59%, 0%, 7%, 52%)
Oklch
oklch(53.4% 0.074 184.3)

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

#EE4C73

Peach Pink · Tomato · Coral Red

HEX
#EE4C73
RGB
rgb(238, 76, 115)
HSL
hsl(346, 83%, 62%)
HSB
hsb(346, 68%, 93%)
CMYK
cmyk(0%, 68%, 52%, 7%)
Oklch
oklch(65.2% 0.198 10.3)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

#131A1D

Slate Blue · Black · Peacock Green

HEX
#131A1D
RGB
rgb(19, 26, 29)
HSL
hsl(198, 21%, 9%)
HSB
hsb(198, 34%, 11%)
CMYK
cmyk(34%, 10%, 0%, 89%)
Oklch
oklch(21.2% 0.012 225.8)

Traditional「Slate Blue」· Paint「Peacock Green」· Creative Blush Sunrise

#F1D59D

Goose Yellow · Khaki · Lemon Cream

HEX
#F1D59D
RGB
rgb(241, 213, 157)
HSL
hsl(40, 75%, 78%)
HSB
hsb(40, 35%, 95%)
CMYK
cmyk(0%, 12%, 35%, 5%)
Oklch
oklch(88.3% 0.079 84.3)

Traditional「Goose Yellow」· Paint「Lemon Cream」· Creative Lemon Fizz

#8BCDC4

Jade · SkyBlue · Lake Green

HEX
#8BCDC4
RGB
rgb(139, 205, 196)
HSL
hsl(172, 40%, 67%)
HSB
hsb(172, 32%, 80%)
CMYK
cmyk(32%, 0%, 4%, 20%)
Oklch
oklch(80.1% 0.068 185.2)

Traditional「Jade」· Paint「Lake Green」· Creative Arctic Pool

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

327B72
7B323B

Analogous

327B4E
327B72
325F7B

Triadic

327B72
73327B
7B7332

Split-Comp.

327B72
7B325F
7B4E32

Tetradic

327B72
4E327B
7B323B
5F7B32

Contrast Matrix WCAG 2.1 Contrast

327B72
EE4C73
131A1D
F1D59D
8BCDC4
—
1.4
Fail
3.5
AA Large
3.5
AA Large
2.8
Fail
1.4
Fail
—
5.0
AA
2.5
Fail
2.0
Fail
3.5
AA Large
5.0
AA
—
12.4
AAA
9.7
AAA
3.5
AA Large
2.5
Fail
12.4
AAA
—
1.3
Fail
2.8
Fail
2.0
Fail
9.7
AAA
1.3
Fail
—
White BG
5.0AA
3.5AA Large
17.6AAA
1.4Fail
1.8Fail
Black BG
4.2AA Large
5.9AA
1.2Fail
14.7AAA
11.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

525274
A8A66A
16161C
E5E5AB
A8A8C6

Deuteranopia

4D4875
B1BD67
16151C
E7E9AE
A49FC7

Tritanopia

367676
E66260
131C1C
F0B5B8
8EC8C8

Achromatopsia

646464
818181
181818
D7D7D7
B8B8B8

Shades & Tints Shades & Tints

#327B72

Dark
Light

#EE4C73

Dark
Light

#131A1D

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #327b72;
  --color-2: #ee4c73;
  --color-3: #131a1d;
  --color-4: #f1d59d;
  --color-5: #8bcdc4;
}

SCSS

$color-1: #327b72;
$color-2: #ee4c73;
$color-3: #131a1d;
$color-4: #f1d59d;
$color-5: #8bcdc4;

TAILWIND

colors: {
  'brand-1': '#327b72',
  'brand-2': '#ee4c73',
  'brand-3': '#131a1d',
  'brand-4': '#f1d59d',
  'brand-5': '#8bcdc4',
}

RGB Array

[50, 123, 114], [238, 76, 115], [19, 26, 29], [241, 213, 157], [139, 205, 196]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #327B72, #EE4C73, #131A1D, #F1D59D, #8BCDC4 is ideal for: infographics, data visualization, accessible design. High contrast ensures clear visual hierarchy and readability. It is a balanced and harmonious choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #327b72; --color-2: #ee4c73; --color-3: #131a1d; --color-4: #f1d59d; --color-5: #8bcdc4. 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 tech, SaaS, healthcare, eco industries. 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