← Back to Editor

#089E88 · #72CC62 · #F9FF4A · #FFCC4A · #FF7D52

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

#089E88

Mineral Blue · Teal · Mint Ice

HEX
#089E88
RGB
rgb(8, 158, 136)
HSL
hsl(171, 90%, 33%)
HSB
hsb(171, 95%, 62%)
CMYK
cmyk(95%, 0%, 14%, 38%)
Oklch
oklch(62.6% 0.114 178.0)

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

#72CC62

Emerald · DarkSeaGreen · Olive Green

HEX
#72CC62
RGB
rgb(114, 204, 98)
HSL
hsl(111, 51%, 59%)
HSB
hsb(111, 52%, 80%)
CMYK
cmyk(44%, 0%, 52%, 20%)
Oklch
oklch(76.5% 0.167 140.7)

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

#F9FF4A

Fresh Green · Khaki · Sunflower

HEX
#F9FF4A
RGB
rgb(249, 255, 74)
HSL
hsl(62, 100%, 65%)
HSB
hsb(62, 71%, 100%)
CMYK
cmyk(2%, 0%, 71%, 0%)
Oklch
oklch(96.5% 0.191 111.4)

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

#FFCC4A

Ginger · SandyBrown · Sunflower

HEX
#FFCC4A
RGB
rgb(255, 204, 74)
HSL
hsl(43, 100%, 65%)
HSB
hsb(43, 71%, 100%)
CMYK
cmyk(0%, 20%, 71%, 0%)
Oklch
oklch(86.8% 0.153 86.7)

Traditional「Ginger」· Paint「Sunflower」· Creative Lemon Fizz

#FF7D52

Apricot · Coral · Warm Sun

HEX
#FF7D52
RGB
rgb(255, 125, 82)
HSL
hsl(15, 100%, 66%)
HSB
hsb(15, 68%, 100%)
CMYK
cmyk(0%, 51%, 68%, 0%)
Oklch
oklch(73.2% 0.169 38.7)

Traditional「Apricot」· Paint「Warm Sun」· Creative Honey Glow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

089E88
A0081F

Analogous

08A03D
089E88
086BA0

Triadic

089E88
8908A0
A08908

Split-Comp.

089E88
A0086B
A03D08

Tetradic

089E88
3D08A0
A0081F
6BA008

Contrast Matrix WCAG 2.1 Contrast

089E88
72CC62
F9FF4A
FFCC4A
FF7D52
—
1.7
Fail
3.1
AA Large
2.2
Fail
1.3
Fail
1.7
Fail
—
1.8
Fail
1.3
Fail
1.3
Fail
3.1
AA Large
1.8
Fail
—
1.4
Fail
2.3
Fail
2.2
Fail
1.3
Fail
1.4
Fail
—
1.7
Fail
1.3
Fail
1.3
Fail
2.3
Fail
1.7
Fail
—
White BG
3.4AA Large
2.0Fail
1.1Fail
1.5Fail
2.5Fail
Black BG
6.3AA
10.5AAA
19.4AAA
14.0AAA
8.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

494A8D
999A7C
FCFC76
E9E869
C7C65C

Deuteranopia

40358F
948D82
FBFB80
ECF071
CED85F

Tritanopia

109292
779094
F998A0
FC8288
F96566

Achromatopsia

6F6F6F
A5A5A5
E9E9E9
CCCCCC
9F9F9F

Shades & Tints Shades & Tints

#089E88

Dark
Light

#72CC62

Dark
Light

#F9FF4A

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #089e88;
  --color-2: #72cc62;
  --color-3: #f9ff4a;
  --color-4: #ffcc4a;
  --color-5: #ff7d52;
}

SCSS

$color-1: #089e88;
$color-2: #72cc62;
$color-3: #f9ff4a;
$color-4: #ffcc4a;
$color-5: #ff7d52;

TAILWIND

colors: {
  'brand-1': '#089e88',
  'brand-2': '#72cc62',
  'brand-3': '#f9ff4a',
  'brand-4': '#ffcc4a',
  'brand-5': '#ff7d52',
}

RGB Array

[8, 158, 136], [114, 204, 98], [249, 255, 74], [255, 204, 74], [255, 125, 82]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #089E88, #72CC62, #F9FF4A, #FFCC4A, #FF7D52 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: #089e88; --color-2: #72cc62; --color-3: #f9ff4a; --color-4: #ffcc4a; --color-5: #ff7d52. 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