← Back to Editor

#EFAF5D · #F5525E · #A72C74 · #CCA9E2 · #1BA9B3

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

#EFAF5D

Ginger · SandyBrown · Warm Sun

HEX
#EFAF5D
RGB
rgb(239, 175, 93)
HSL
hsl(34, 82%, 65%)
HSB
hsb(34, 61%, 94%)
CMYK
cmyk(0%, 27%, 61%, 6%)
Oklch
oklch(79.8% 0.124 71.2)

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

#F5525E

Peach Pink · Tomato · Coral Red

HEX
#F5525E
RGB
rgb(245, 82, 94)
HSL
hsl(356, 89%, 64%)
HSB
hsb(356, 67%, 96%)
CMYK
cmyk(0%, 67%, 62%, 4%)
Oklch
oklch(66.5% 0.198 20.3)

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

#A72C74

Rose Purple · MediumVioletRed · Camellia

HEX
#A72C74
RGB
rgb(167, 44, 116)
HSL
hsl(325, 58%, 41%)
HSB
hsb(325, 74%, 65%)
CMYK
cmyk(0%, 74%, 31%, 35%)
Oklch
oklch(50.6% 0.173 349.2)

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

#CCA9E2

Lilac · LightSteelBlue · Lilac Purple

HEX
#CCA9E2
RGB
rgb(204, 169, 226)
HSL
hsl(277, 50%, 77%)
HSB
hsb(277, 25%, 89%)
CMYK
cmyk(10%, 25%, 0%, 11%)
Oklch
oklch(78.5% 0.088 312.1)

Traditional「Lilac」· Paint「Lilac Purple」· Creative Lavender Dream

#1BA9B3

Lake Blue · LightSeaGreen · Mint Ice

HEX
#1BA9B3
RGB
rgb(27, 169, 179)
HSL
hsl(184, 74%, 40%)
HSB
hsb(184, 85%, 70%)
CMYK
cmyk(85%, 6%, 0%, 30%)
Oklch
oklch(67.1% 0.110 202.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EFAF5D
5D9CEF

Analogous

EF665D
EFAF5D
E5EF5D

Triadic

EFAF5D
5DEFB0
B05DEF

Split-Comp.

EFAF5D
5DE5EF
665DEF

Tetradic

EFAF5D
5DEF66
5D9CEF
EF5DE5

Contrast Matrix WCAG 2.1 Contrast

EFAF5D
F5525E
A72C74
CCA9E2
1BA9B3
—
1.8
Fail
3.4
AA Large
1.1
Fail
1.5
Fail
1.8
Fail
—
1.9
Fail
1.7
Fail
1.2
Fail
3.4
AA Large
1.9
Fail
—
3.2
AA Large
2.3
Fail
1.1
Fail
1.7
Fail
3.2
AA Large
—
1.4
Fail
1.5
Fail
1.2
Fail
2.3
Fail
1.4
Fail
—
White BG
1.9Fail
3.4AA Large
6.5AA
2.0Fail
2.8Fail
Black BG
11.0AAA
6.3AA
3.3AA Large
10.3AAA
7.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

D3D371
AEAD5B
727163
BDBDD4
585AB1

Deuteranopia

D7DC76
B8C45A
79825E
BFC1D1
5046B0

Tritanopia

EC8184
ED5958
A15552
CAC9C7
22AFAE

Achromatopsia

B9B9B9
848484
595959
BABABA
808080

Shades & Tints Shades & Tints

#EFAF5D

Dark
Light

#F5525E

Dark
Light

#A72C74

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #efaf5d;
  --color-2: #f5525e;
  --color-3: #a72c74;
  --color-4: #cca9e2;
  --color-5: #1ba9b3;
}

SCSS

$color-1: #efaf5d;
$color-2: #f5525e;
$color-3: #a72c74;
$color-4: #cca9e2;
$color-5: #1ba9b3;

TAILWIND

colors: {
  'brand-1': '#efaf5d',
  'brand-2': '#f5525e',
  'brand-3': '#a72c74',
  'brand-4': '#cca9e2',
  'brand-5': '#1ba9b3',
}

RGB Array

[239, 175, 93], [245, 82, 94], [167, 44, 116], [204, 169, 226], [27, 169, 179]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #EFAF5D, #F5525E, #A72C74, #CCA9E2, #1BA9B3 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: #efaf5d; --color-2: #f5525e; --color-3: #a72c74; --color-4: #cca9e2; --color-5: #1ba9b3. 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