← Back to Editor

#50D9EA · #CAEA4A · #E1D77F · #F39C9A · #EF368D

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

#50D9EA

Sky Blue · Turquoise · Lake Green

HEX
#50D9EA
RGB
rgb(80, 217, 234)
HSL
hsl(187, 79%, 62%)
HSB
hsb(187, 66%, 92%)
CMYK
cmyk(66%, 7%, 0%, 8%)
Oklch
oklch(81.8% 0.118 206.8)

Traditional「Sky Blue」· Paint「Lake Green」· Creative Arctic Pool

#CAEA4A

Grass Green · GreenYellow · Olive Green

HEX
#CAEA4A
RGB
rgb(202, 234, 74)
HSL
hsl(72, 79%, 60%)
HSB
hsb(72, 68%, 92%)
CMYK
cmyk(14%, 0%, 68%, 8%)
Oklch
oklch(88.5% 0.183 120.1)

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

#E1D77F

Fresh Green · Khaki · Sunflower

HEX
#E1D77F
RGB
rgb(225, 215, 127)
HSL
hsl(54, 62%, 69%)
HSB
hsb(54, 44%, 88%)
CMYK
cmyk(0%, 4%, 44%, 12%)
Oklch
oklch(86.8% 0.110 102.7)

Traditional「Fresh Green」· Paint「Sunflower」· Creative Lemon Fizz

#F39C9A

Peach Pink · DarkSalmon · Coral Red

HEX
#F39C9A
RGB
rgb(243, 156, 154)
HSL
hsl(1, 79%, 78%)
HSB
hsb(1, 37%, 95%)
CMYK
cmyk(0%, 36%, 37%, 5%)
Oklch
oklch(78.0% 0.105 21.2)

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

#EF368D

Dark Violet · DeepPink · Rose Pink

HEX
#EF368D
RGB
rgb(239, 54, 141)
HSL
hsl(332, 85%, 57%)
HSB
hsb(332, 77%, 94%)
CMYK
cmyk(0%, 77%, 41%, 6%)
Oklch
oklch(64.2% 0.228 357.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

50D9EA
EB6352

Analogous

52EBB0
50D9EA
528CEB

Triadic

50D9EA
EB52D9
D9EB52

Split-Comp.

50D9EA
EB528C
EBB052

Tetradic

50D9EA
B052EB
EB6352
8CEB52

Contrast Matrix WCAG 2.1 Contrast

50D9EA
CAEA4A
E1D77F
F39C9A
EF368D
—
1.2
Fail
1.1
Fail
1.2
Fail
2.2
Fail
1.2
Fail
—
1.1
Fail
1.5
Fail
2.8
Fail
1.1
Fail
1.1
Fail
—
1.4
Fail
2.5
Fail
1.2
Fail
1.5
Fail
1.4
Fail
—
1.8
Fail
2.2
Fail
2.8
Fail
2.5
Fail
1.8
Fail
—
White BG
1.7Fail
1.4Fail
1.5Fail
2.1Fail
3.8AA Large
Black BG
12.5AAA
15.4AAA
14.2AAA
10.0AAA
5.6AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

8B8DE6
D8D871
DDDD94
CDCD9A
9F9D78

Deuteranopia

8379E5
D6D47A
DDDE99
D2D99B
AAB773

Tritanopia

57E3E2
CC8F96
E1A5A9
EF9B9B
E66764

Achromatopsia

B2B2B2
CECECE
D0D0D0
B6B6B6
777777

Shades & Tints Shades & Tints

#50D9EA

Dark
Light

#CAEA4A

Dark
Light

#E1D77F

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #50d9ea;
  --color-2: #caea4a;
  --color-3: #e1d77f;
  --color-4: #f39c9a;
  --color-5: #ef368d;
}

SCSS

$color-1: #50d9ea;
$color-2: #caea4a;
$color-3: #e1d77f;
$color-4: #f39c9a;
$color-5: #ef368d;

TAILWIND

colors: {
  'brand-1': '#50d9ea',
  'brand-2': '#caea4a',
  'brand-3': '#e1d77f',
  'brand-4': '#f39c9a',
  'brand-5': '#ef368d',
}

RGB Array

[80, 217, 234], [202, 234, 74], [225, 215, 127], [243, 156, 154], [239, 54, 141]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #50D9EA, #CAEA4A, #E1D77F, #F39C9A, #EF368D is ideal for: social media posters, mobile apps, e-commerce promos, health products, baby brands, fresh-style blogs. 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: #50d9ea; --color-2: #caea4a; --color-3: #e1d77f; --color-4: #f39c9a; --color-5: #ef368d. 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?

Light tones suit backgrounds; use dark colors for body text. Mid-tones work for card backgrounds or dividers to add depth. 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