← Back to Editor

#C0F090 · #D0CE90 · #E0AB90 · #EF8990 · #FF6690

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarm

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial App

Color Details Color Details

#C0F090

Emerald · LightGreen · Apple Green

HEX
#C0F090
RGB
rgb(192, 240, 144)
HSL
hsl(90, 76%, 75%)
HSB
hsb(90, 40%, 94%)
CMYK
cmyk(20%, 0%, 40%, 6%)
Oklch
oklch(90.0% 0.133 130.3)

Traditional「Emerald」· Paint「Apple Green」· Creative Mint Breeze

#D0CE90

Fresh Green · Tan · Sunflower

HEX
#D0CE90
RGB
rgb(208, 206, 144)
HSL
hsl(58, 41%, 69%)
HSB
hsb(58, 31%, 82%)
CMYK
cmyk(0%, 1%, 31%, 18%)
Oklch
oklch(83.8% 0.081 106.5)

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

#E0AB90

Apricot · BurlyWood · Warm Sun

HEX
#E0AB90
RGB
rgb(224, 171, 144)
HSL
hsl(20, 56%, 72%)
HSB
hsb(20, 36%, 88%)
CMYK
cmyk(0%, 24%, 36%, 12%)
Oklch
oklch(78.3% 0.073 48.2)

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

#EF8990

Peach Pink · LightCoral · Coral Red

HEX
#EF8990
RGB
rgb(239, 137, 144)
HSL
hsl(356, 76%, 74%)
HSB
hsb(356, 43%, 94%)
CMYK
cmyk(0%, 43%, 40%, 6%)
Oklch
oklch(74.1% 0.124 16.2)

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

#FF6690

Rouge · LightCoral · Rose Pink

HEX
#FF6690
RGB
rgb(255, 102, 144)
HSL
hsl(344, 100%, 70%)
HSB
hsb(344, 60%, 100%)
CMYK
cmyk(0%, 60%, 44%, 0%)
Oklch
oklch(71.4% 0.189 6.2)

Traditional「Rouge」· Paint「Rose Pink」· Creative Rose Petal

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C0F090
BF8FF0

Analogous

F0F08F
C0F090
8FF08F

Triadic

C0F090
8FBFF0
F08FBF

Split-Comp.

C0F090
8F8FF0
F08FF0

Tetradic

C0F090
8FF0F0
BF8FF0
F08F8F

Contrast Matrix WCAG 2.1 Contrast

C0F090
D0CE90
E0AB90
EF8990
FF6690
—
1.2
Fail
1.5
Fail
1.9
Fail
2.1
Fail
1.2
Fail
—
1.2
Fail
1.5
Fail
1.7
Fail
1.5
Fail
1.2
Fail
—
1.2
Fail
1.4
Fail
1.9
Fail
1.5
Fail
1.2
Fail
—
1.1
Fail
2.1
Fail
1.7
Fail
1.4
Fail
1.1
Fail
—
White BG
1.3Fail
1.6Fail
2.0Fail
2.4Fail
2.8Fail
Black BG
16.1AAA
12.9AAA
10.4AAA
8.7AAA
7.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

D5D5A7
CFCF9F
C9C997
C3C28E
BDBB86

Deuteranopia

D2CEAD
CFCFA3
CCD098
C9D08E
C6D183

Tritanopia

C2BABE
D0ABAD
DD9C9D
EA8D8D
F77E7C

Achromatopsia

D7D7D7
C8C8C8
B8B8B8
A8A8A8
999999

Shades & Tints Shades & Tints

#C0F090

Dark
Light

#D0CE90

Dark
Light

#E0AB90

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c0f090;
  --color-2: #d0ce90;
  --color-3: #e0ab90;
  --color-4: #ef8990;
  --color-5: #ff6690;
}

SCSS

$color-1: #c0f090;
$color-2: #d0ce90;
$color-3: #e0ab90;
$color-4: #ef8990;
$color-5: #ff6690;

TAILWIND

colors: {
  'brand-1': '#c0f090',
  'brand-2': '#d0ce90',
  'brand-3': '#e0ab90',
  'brand-4': '#ef8990',
  'brand-5': '#ff6690',
}

RGB Array

[192, 240, 144], [208, 206, 144], [224, 171, 144], [239, 137, 144], [255, 102, 144]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #C0F090, #D0CE90, #E0AB90, #EF8990, #FF6690 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: #c0f090; --color-2: #d0ce90; --color-3: #e0ab90; --color-4: #ef8990; --color-5: #ff6690. 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