← Back to Editor

#36F720 · #08D3EE · #F79920 · #F720E5 · #2E3B3D

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

#36F720

Emerald · LimeGreen · Olive Green

HEX
#36F720
RGB
rgb(54, 247, 32)
HSL
hsl(114, 93%, 55%)
HSB
hsb(114, 87%, 97%)
CMYK
cmyk(78%, 0%, 87%, 3%)
Oklch
oklch(85.1% 0.277 141.9)

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

#08D3EE

Lake Blue · DeepSkyBlue · Mint Ice

HEX
#08D3EE
RGB
rgb(8, 211, 238)
HSL
hsl(187, 93%, 48%)
HSB
hsb(187, 97%, 93%)
CMYK
cmyk(97%, 11%, 0%, 7%)
Oklch
oklch(79.5% 0.137 211.1)

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

#F79920

Ginger · GoldenRod · Warm Sun

HEX
#F79920
RGB
rgb(247, 153, 32)
HSL
hsl(34, 93%, 55%)
HSB
hsb(34, 87%, 97%)
CMYK
cmyk(0%, 38%, 87%, 3%)
Oklch
oklch(76.3% 0.163 65.3)

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

#F720E5

Rose Purple · Magenta · Violet

HEX
#F720E5
RGB
rgb(247, 32, 229)
HSL
hsl(305, 93%, 55%)
HSB
hsb(305, 87%, 97%)
CMYK
cmyk(0%, 87%, 7%, 3%)
Oklch
oklch(68.2% 0.294 332.5)

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

#2E3B3D

Slate Blue · DarkSlateGray · Peacock Green

HEX
#2E3B3D
RGB
rgb(46, 59, 61)
HSL
hsl(188, 14%, 21%)
HSB
hsb(188, 25%, 24%)
CMYK
cmyk(25%, 3%, 0%, 76%)
Oklch
oklch(34.1% 0.017 207.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

36F720
E222F7

Analogous

A2F722
36F720
22F777

Triadic

36F720
2237F7
F72237

Split-Comp.

36F720
7722F7
F722A2

Tetradic

36F720
22A2F7
E222F7
F77722

Contrast Matrix WCAG 2.1 Contrast

36F720
08D3EE
F79920
F720E5
2E3B3D
—
1.3
Fail
1.5
Fail
2.3
Fail
8.0
AAA
1.3
Fail
—
1.2
Fail
1.8
Fail
6.4
AA
1.5
Fail
1.2
Fail
—
1.5
Fail
5.3
AA
2.3
Fail
1.8
Fail
1.5
Fail
—
3.5
AA Large
8.0
AAA
6.4
AA
5.3
AA
3.5
AA Large
—
White BG
1.5Fail
1.8Fail
2.2Fail
3.3AA Large
11.6AAA
Black BG
14.5AAA
11.6AAA
9.5AAA
6.3AA
1.8Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

8A8B54
6062E7
CECD3D
9A98B5
34343D

Deuteranopia

7E7061
5445E6
D4DB44
A6B6AA
33323C

Tritanopia

407D86
12E2E1
F25459
EC9087
2F3C3C

Achromatopsia

A5A5A5
999999
A7A7A7
777777
373737

Shades & Tints Shades & Tints

#36F720

Dark
Light

#08D3EE

Dark
Light

#F79920

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #36f720;
  --color-2: #08d3ee;
  --color-3: #f79920;
  --color-4: #f720e5;
  --color-5: #2e3b3d;
}

SCSS

$color-1: #36f720;
$color-2: #08d3ee;
$color-3: #f79920;
$color-4: #f720e5;
$color-5: #2e3b3d;

TAILWIND

colors: {
  'brand-1': '#36f720',
  'brand-2': '#08d3ee',
  'brand-3': '#f79920',
  'brand-4': '#f720e5',
  'brand-5': '#2e3b3d',
}

RGB Array

[54, 247, 32], [8, 211, 238], [247, 153, 32], [247, 32, 229], [46, 59, 61]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #36F720, #08D3EE, #F79920, #F720E5, #2E3B3D 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: #36f720; --color-2: #08d3ee; --color-3: #f79920; --color-4: #f720e5; --color-5: #2e3b3d. 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