← Back to Editor

#79CED9 · #008AA1 · #A7005F · #E87DDD · #F794E4

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 AppData Visualization

Color Details Color Details

#79CED9

Sky Blue · SkyBlue · Lake Green

HEX
#79CED9
RGB
rgb(121, 206, 217)
HSL
hsl(187, 56%, 66%)
HSB
hsb(187, 44%, 85%)
CMYK
cmyk(44%, 5%, 0%, 15%)
Oklch
oklch(80.2% 0.084 206.3)

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

#008AA1

Lake Blue · Teal · Mint Ice

HEX
#008AA1
RGB
rgb(0, 138, 161)
HSL
hsl(189, 100%, 32%)
HSB
hsb(189, 100%, 63%)
CMYK
cmyk(100%, 14%, 0%, 37%)
Oklch
oklch(58.3% 0.103 214.9)

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

#A7005F

Rose Purple · Purple · Camellia

HEX
#A7005F
RGB
rgb(167, 0, 95)
HSL
hsl(326, 100%, 33%)
HSB
hsb(326, 100%, 65%)
CMYK
cmyk(0%, 100%, 43%, 35%)
Oklch
oklch(47.5% 0.194 356.3)

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

#E87DDD

Mauve · Violet · Lilac Purple

HEX
#E87DDD
RGB
rgb(232, 125, 221)
HSL
hsl(306, 70%, 70%)
HSB
hsb(306, 46%, 91%)
CMYK
cmyk(0%, 46%, 5%, 9%)
Oklch
oklch(74.0% 0.175 331.1)

Traditional「Mauve」· Paint「Lilac Purple」· Creative Rose Petal

#F794E4

Mauve · Violet · Lilac Purple

HEX
#F794E4
RGB
rgb(247, 148, 228)
HSL
hsl(312, 86%, 77%)
HSB
hsb(312, 40%, 97%)
CMYK
cmyk(0%, 40%, 8%, 3%)
Oklch
oklch(79.4% 0.154 334.3)

Traditional「Mauve」· Paint「Lilac Purple」· Creative Rose Petal

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

79CED9
D98378

Analogous

78D9B4
79CED9
789DD9

Triadic

79CED9
D978CE
CED978

Split-Comp.

79CED9
D9789D
D9B478

Tetradic

79CED9
B478D9
D98378
9DD978

Contrast Matrix WCAG 2.1 Contrast

79CED9
008AA1
A7005F
E87DDD
F794E4
—
2.3
Fail
4.1
AA Large
1.4
Fail
1.1
Fail
2.3
Fail
—
1.8
Fail
1.6
Fail
2.0
Fail
4.1
AA Large
1.8
Fail
—
3.0
Fail
3.7
AA Large
1.4
Fail
1.6
Fail
3.0
Fail
—
1.2
Fail
1.1
Fail
2.0
Fail
3.7
AA Large
1.2
Fail
—
White BG
1.8Fail
4.1AA Large
7.5AAA
2.5Fail
2.0Fail
Black BG
11.6AAA
5.2AA
2.8Fail
8.4AAA
10.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

9E9FD6
3C3D9B
5F5D48
BAB9C6
CCCBD1

Deuteranopia

9993D6
34299A
687543
C0C8C0
D2D9CC

Tritanopia

7DD4D4
079796
9F3632
E3B3AF
F2C1BE

Achromatopsia

B6B6B6
636363
3D3D3D
A8A8A8
BBBBBB

Shades & Tints Shades & Tints

#79CED9

Dark
Light

#008AA1

Dark
Light

#A7005F

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #79ced9;
  --color-2: #008aa1;
  --color-3: #a7005f;
  --color-4: #e87ddd;
  --color-5: #f794e4;
}

SCSS

$color-1: #79ced9;
$color-2: #008aa1;
$color-3: #a7005f;
$color-4: #e87ddd;
$color-5: #f794e4;

TAILWIND

colors: {
  'brand-1': '#79ced9',
  'brand-2': '#008aa1',
  'brand-3': '#a7005f',
  'brand-4': '#e87ddd',
  'brand-5': '#f794e4',
}

RGB Array

[121, 206, 217], [0, 138, 161], [167, 0, 95], [232, 125, 221], [247, 148, 228]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #79CED9, #008AA1, #A7005F, #E87DDD, #F794E4 is ideal for: social media posters, mobile apps, e-commerce promos, infographics, data visualization, accessible design. Vivid colors effectively attract user attention. High contrast ensures clear visual hierarchy and readability. 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: #79ced9; --color-2: #008aa1; --color-3: #a7005f; --color-4: #e87ddd; --color-5: #f794e4. 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. High-contrast palettes naturally meet WCAG accessibility standards. 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