← Back to Editor

#F92451 · #ED0FD4 · #C8B8B0 · #17AFB9 · #8177D1

cool

A 5-color cool 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

#F92451

Vermilion · Crimson · Passion Red

HEX
#F92451
RGB
rgb(249, 36, 81)
HSL
hsl(347, 95%, 56%)
HSB
hsb(347, 86%, 98%)
CMYK
cmyk(0%, 86%, 67%, 2%)
Oklch
oklch(63.4% 0.238 17.7)

Traditional「Vermilion」· Paint「Passion Red」· Creative Blush Sunrise

#ED0FD4

Rose Purple · Magenta · Violet

HEX
#ED0FD4
RGB
rgb(237, 15, 212)
HSL
hsl(307, 88%, 49%)
HSB
hsb(307, 94%, 93%)
CMYK
cmyk(0%, 94%, 11%, 7%)
Oklch
oklch(65.2% 0.286 334.4)

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

#C8B8B0

Apricot · Silver · Warm Sun

HEX
#C8B8B0
RGB
rgb(200, 184, 176)
HSL
hsl(20, 18%, 74%)
HSB
hsb(20, 12%, 78%)
CMYK
cmyk(0%, 8%, 12%, 22%)
Oklch
oklch(79.4% 0.021 48.4)

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

#17AFB9

Lake Blue · LightSeaGreen · Mint Ice

HEX
#17AFB9
RGB
rgb(23, 175, 185)
HSL
hsl(184, 78%, 41%)
HSB
hsb(184, 88%, 73%)
CMYK
cmyk(88%, 5%, 0%, 27%)
Oklch
oklch(68.8% 0.114 202.3)

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

#8177D1

Wisteria · MediumSlateBlue · Cobalt Blue

HEX
#8177D1
RGB
rgb(129, 119, 209)
HSL
hsl(247, 49%, 64%)
HSB
hsb(247, 43%, 82%)
CMYK
cmyk(38%, 43%, 0%, 18%)
Oklch
oklch(61.8% 0.133 286.9)

Traditional「Wisteria」· Paint「Cobalt Blue」· Creative Lavender Dream

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F92451
24F9CB

Analogous

F924BD
F92451
F96124

Triadic

F92451
52F924
2452F9

Split-Comp.

F92451
24F961
24BDF9

Tetradic

F92451
BDF924
24F9CB
6124F9

Contrast Matrix WCAG 2.1 Contrast

F92451
ED0FD4
C8B8B0
17AFB9
8177D1
—
1.0
Fail
2.0
Fail
1.5
Fail
1.0
Fail
1.0
Fail
—
1.9
Fail
1.4
Fail
1.0
Fail
2.0
Fail
1.9
Fail
—
1.4
Fail
2.0
Fail
1.5
Fail
1.4
Fail
1.4
Fail
—
1.4
Fail
1.0
Fail
1.0
Fail
2.0
Fail
1.4
Fail
—
White BG
3.9AA Large
3.7AA Large
1.9Fail
2.7Fail
3.8AA Large
Black BG
5.4AA
5.6AA
10.9AAA
7.9AAA
5.5AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

9D9B46
8D8BA4
C1C1B2
595AB7
7D7DBB

Deuteranopia

A9B944
9AAA99
C2C3B2
5045B6
7D7EB6

Tritanopia

EE3E3C
E27F76
C7B3B4
1FB5B4
81AAA6

Achromatopsia

696969
686868
BCBCBC
838383
848484

Shades & Tints Shades & Tints

#F92451

Dark
Light

#ED0FD4

Dark
Light

#C8B8B0

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f92451;
  --color-2: #ed0fd4;
  --color-3: #c8b8b0;
  --color-4: #17afb9;
  --color-5: #8177d1;
}

SCSS

$color-1: #f92451;
$color-2: #ed0fd4;
$color-3: #c8b8b0;
$color-4: #17afb9;
$color-5: #8177d1;

TAILWIND

colors: {
  'brand-1': '#f92451',
  'brand-2': '#ed0fd4',
  'brand-3': '#c8b8b0',
  'brand-4': '#17afb9',
  'brand-5': '#8177d1',
}

RGB Array

[249, 36, 81], [237, 15, 212], [200, 184, 176], [23, 175, 185], [129, 119, 209]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This cool-style palette of #F92451, #ED0FD4, #C8B8B0, #17AFB9, #8177D1 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: #f92451; --color-2: #ed0fd4; --color-3: #c8b8b0; --color-4: #17afb9; --color-5: #8177d1. 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 cool-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