← Back to Editor

#611D49 · #FF3392 · #FFA44F · #B7AD7B · #358FA3

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

#611D49

Rose Purple · Purple · Raspberry

HEX
#611D49
RGB
rgb(97, 29, 73)
HSL
hsl(321, 54%, 25%)
HSB
hsb(321, 70%, 38%)
CMYK
cmyk(0%, 70%, 25%, 62%)
Oklch
oklch(35.4% 0.111 344.5)

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

#FF3392

Dark Violet · DeepPink · Rose Pink

HEX
#FF3392
RGB
rgb(255, 51, 146)
HSL
hsl(332, 100%, 60%)
HSB
hsb(332, 80%, 100%)
CMYK
cmyk(0%, 80%, 43%, 0%)
Oklch
oklch(66.8% 0.244 358.7)

Traditional「Dark Violet」· Paint「Rose Pink」· Creative Blush Sunrise

#FFA44F

Apricot · SandyBrown · Warm Sun

HEX
#FFA44F
RGB
rgb(255, 164, 79)
HSL
hsl(29, 100%, 65%)
HSB
hsb(29, 69%, 100%)
CMYK
cmyk(0%, 36%, 69%, 0%)
Oklch
oklch(79.5% 0.146 61.0)

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

#B7AD7B

Autumn Sage · Tan · Sunflower

HEX
#B7AD7B
RGB
rgb(183, 173, 123)
HSL
hsl(50, 29%, 60%)
HSB
hsb(50, 33%, 72%)
CMYK
cmyk(0%, 5%, 33%, 28%)
Oklch
oklch(74.4% 0.068 98.2)

Traditional「Autumn Sage」· Paint「Sunflower」· Creative Blush Sunrise

#358FA3

Lake Blue · SteelBlue · Mint Ice

HEX
#358FA3
RGB
rgb(53, 143, 163)
HSL
hsl(191, 51%, 42%)
HSB
hsb(191, 67%, 64%)
CMYK
cmyk(67%, 12%, 0%, 36%)
Oklch
oklch(60.5% 0.089 215.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

611D49
1D6235

Analogous

581D62
611D49
621D28

Triadic

611D49
4A621D
1D4A62

Split-Comp.

611D49
28621D
1D6258

Tetradic

611D49
62581D
1D6235
1D2862

Contrast Matrix WCAG 2.1 Contrast

611D49
FF3392
FFA44F
B7AD7B
358FA3
—
3.4
AA Large
6.0
AA
5.2
AA
3.2
AA Large
3.4
AA Large
—
1.7
Fail
1.5
Fail
1.1
Fail
6.0
AA
1.7
Fail
—
1.2
Fail
1.9
Fail
5.2
AA
1.5
Fail
1.2
Fail
—
1.7
Fail
3.2
AA Large
1.1
Fail
1.9
Fail
1.7
Fail
—
White BG
11.8AAA
3.4AA Large
2.0Fail
2.3Fail
3.7AA Large
Black BG
1.8Fail
6.1AA
10.7AAA
9.3AAA
5.6AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

44433E
A7A57B
D8D764
B3B387
5C5D9E

Deuteranopia

484D3C
B3C275
DDE469
B3B48A
57509D

Tritanopia

5E3634
F56965
FA7477
B79193
399A9A

Achromatopsia

363636
7B7B7B
B6B6B6
AAAAAA
767676

Shades & Tints Shades & Tints

#611D49

Dark
Light

#FF3392

Dark
Light

#FFA44F

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #611d49;
  --color-2: #ff3392;
  --color-3: #ffa44f;
  --color-4: #b7ad7b;
  --color-5: #358fa3;
}

SCSS

$color-1: #611d49;
$color-2: #ff3392;
$color-3: #ffa44f;
$color-4: #b7ad7b;
$color-5: #358fa3;

TAILWIND

colors: {
  'brand-1': '#611d49',
  'brand-2': '#ff3392',
  'brand-3': '#ffa44f',
  'brand-4': '#b7ad7b',
  'brand-5': '#358fa3',
}

RGB Array

[97, 29, 73], [255, 51, 146], [255, 164, 79], [183, 173, 123], [53, 143, 163]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This cool-style palette of #611D49, #FF3392, #FFA44F, #B7AD7B, #358FA3 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: #611d49; --color-2: #ff3392; --color-3: #ffa44f; --color-4: #b7ad7b; --color-5: #358fa3. 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