← Back to Editor

#74B893 · #9BF3CE · #F4775B · #E2336E · #B82061

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

#74B893

Celadon · DarkSeaGreen · Olive Green

HEX
#74B893
RGB
rgb(116, 184, 147)
HSL
hsl(147, 32%, 59%)
HSB
hsb(147, 37%, 72%)
CMYK
cmyk(37%, 0%, 20%, 28%)
Oklch
oklch(72.7% 0.088 159.4)

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

#9BF3CE

Jade · LightBlue · Apple Green

HEX
#9BF3CE
RGB
rgb(155, 243, 206)
HSL
hsl(155, 79%, 78%)
HSB
hsb(155, 36%, 95%)
CMYK
cmyk(36%, 0%, 15%, 5%)
Oklch
oklch(89.8% 0.100 165.8)

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

#F4775B

Peach Pink · Coral · Coral Red

HEX
#F4775B
RGB
rgb(244, 119, 91)
HSL
hsl(11, 87%, 66%)
HSB
hsb(11, 63%, 96%)
CMYK
cmyk(0%, 51%, 63%, 4%)
Oklch
oklch(71.0% 0.160 33.9)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

#E2336E

Dark Violet · MediumVioletRed · Rose Pink

HEX
#E2336E
RGB
rgb(226, 51, 110)
HSL
hsl(340, 75%, 54%)
HSB
hsb(340, 77%, 89%)
CMYK
cmyk(0%, 77%, 51%, 11%)
Oklch
oklch(60.9% 0.212 6.5)

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

#B82061

Dark Violet · MediumVioletRed · Camellia

HEX
#B82061
RGB
rgb(184, 32, 97)
HSL
hsl(334, 70%, 42%)
HSB
hsb(334, 83%, 72%)
CMYK
cmyk(0%, 83%, 47%, 28%)
Oklch
oklch(51.9% 0.190 1.6)

Traditional「Dark Violet」· Paint「Camellia」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

74B893
B8759A

Analogous

78B875
74B893
75B8B5

Triadic

74B893
9375B8
B89375

Split-Comp.

74B893
B575B8
B87578

Tetradic

74B893
7578B8
B8759A
B8B575

Contrast Matrix WCAG 2.1 Contrast

74B893
9BF3CE
F4775B
E2336E
B82061
—
1.8
Fail
1.2
Fail
1.8
Fail
2.6
Fail
1.8
Fail
—
2.1
Fail
3.3
AA Large
4.7
AA
1.2
Fail
2.1
Fail
—
1.5
Fail
2.2
Fail
1.8
Fail
3.3
AA Large
1.5
Fail
—
1.4
Fail
2.6
Fail
4.7
AA
2.2
Fail
1.4
Fail
—
White BG
2.3Fail
1.3Fail
2.7Fail
4.3AA Large
6.1AA
Black BG
9.0AAA
16.1AAA
7.6AAA
4.9AA
3.4AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

91929C
C1C2D7
BEBD62
969560
767551

Deuteranopia

8E889E
BCB5D9
C5CE63
A0AE5C
7F8A4D

Tritanopia

77A3A5
9FDEE0
EE6768
D95452
B04542

Achromatopsia

9F9F9F
D4D4D4
999999
6E6E6E
555555

Shades & Tints Shades & Tints

#74B893

Dark
Light

#9BF3CE

Dark
Light

#F4775B

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #74b893;
  --color-2: #9bf3ce;
  --color-3: #f4775b;
  --color-4: #e2336e;
  --color-5: #b82061;
}

SCSS

$color-1: #74b893;
$color-2: #9bf3ce;
$color-3: #f4775b;
$color-4: #e2336e;
$color-5: #b82061;

TAILWIND

colors: {
  'brand-1': '#74b893',
  'brand-2': '#9bf3ce',
  'brand-3': '#f4775b',
  'brand-4': '#e2336e',
  'brand-5': '#b82061',
}

RGB Array

[116, 184, 147], [155, 243, 206], [244, 119, 91], [226, 51, 110], [184, 32, 97]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #74B893, #9BF3CE, #F4775B, #E2336E, #B82061 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: #74b893; --color-2: #9bf3ce; --color-3: #f4775b; --color-4: #e2336e; --color-5: #b82061. 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