← Back to Editor

#BB797A · #FC584E · #FF4264 · #AE255D · #623E32

cool

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

#BB797A

Crimson · LightCoral · Passion Red

HEX
#BB797A
RGB
rgb(187, 121, 122)
HSL
hsl(359, 33%, 60%)
HSB
hsb(359, 35%, 73%)
CMYK
cmyk(0%, 35%, 35%, 27%)
Oklch
oklch(64.5% 0.083 18.6)

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

#FC584E

Peach Pink · Tomato · Coral Red

HEX
#FC584E
RGB
rgb(252, 88, 78)
HSL
hsl(3, 97%, 65%)
HSB
hsb(3, 69%, 99%)
CMYK
cmyk(0%, 65%, 69%, 1%)
Oklch
oklch(68.0% 0.201 27.3)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

#FF4264

Peach Pink · Tomato · Coral Red

HEX
#FF4264
RGB
rgb(255, 66, 100)
HSL
hsl(349, 100%, 63%)
HSB
hsb(349, 74%, 100%)
CMYK
cmyk(0%, 74%, 61%, 0%)
Oklch
oklch(66.7% 0.223 15.9)

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

#AE255D

Dark Violet · MediumVioletRed · Camellia

HEX
#AE255D
RGB
rgb(174, 37, 93)
HSL
hsl(335, 65%, 41%)
HSB
hsb(335, 79%, 68%)
CMYK
cmyk(0%, 79%, 47%, 32%)
Oklch
oklch(50.4% 0.176 1.7)

Traditional「Dark Violet」· Paint「Camellia」· Creative Blush Sunrise

#623E32

Tangerine · DarkOliveGreen · Amber Brown

HEX
#623E32
RGB
rgb(98, 62, 50)
HSL
hsl(15, 32%, 29%)
HSB
hsb(15, 49%, 38%)
CMYK
cmyk(0%, 37%, 49%, 62%)
Oklch
oklch(40.3% 0.055 39.2)

Traditional「Tangerine」· Paint「Amber Brown」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

BB797A
77BBBA

Analogous

BB779A
BB797A
BB9877

Triadic

BB797A
78BB77
7778BB

Split-Comp.

BB797A
77BB98
779ABB

Tetradic

BB797A
9ABB77
77BBBA
9877BB

Contrast Matrix WCAG 2.1 Contrast

BB797A
FC584E
FF4264
AE255D
623E32
—
1.1
Fail
1.0
Fail
1.9
Fail
2.7
Fail
1.1
Fail
—
1.1
Fail
2.1
Fail
2.9
Fail
1.0
Fail
1.1
Fail
—
1.9
Fail
2.8
Fail
1.9
Fail
2.1
Fail
1.9
Fail
—
1.4
Fail
2.7
Fail
2.9
Fail
2.8
Fail
1.4
Fail
—
White BG
3.4AA Large
3.2AA Large
3.4AA Large
6.5AA
9.3AAA
Black BG
6.1AA
6.6AA
6.2AA
3.2AA Large
2.3Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

9E9E7A
B5B450
ADAB5C
73714F
525235

Deuteranopia

A2A77A
BFCB51
B8C65A
7B854C
555736

Tritanopia

B87A7A
F45253
F65554
A74542
603738

Achromatopsia

8D8D8D
888888
7E7E7E
545454
474747

Shades & Tints Shades & Tints

#BB797A

Dark
Light

#FC584E

Dark
Light

#FF4264

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #bb797a;
  --color-2: #fc584e;
  --color-3: #ff4264;
  --color-4: #ae255d;
  --color-5: #623e32;
}

SCSS

$color-1: #bb797a;
$color-2: #fc584e;
$color-3: #ff4264;
$color-4: #ae255d;
$color-5: #623e32;

TAILWIND

colors: {
  'brand-1': '#bb797a',
  'brand-2': '#fc584e',
  'brand-3': '#ff4264',
  'brand-4': '#ae255d',
  'brand-5': '#623e32',
}

RGB Array

[187, 121, 122], [252, 88, 78], [255, 66, 100], [174, 37, 93], [98, 62, 50]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This cool-style palette of #BB797A, #FC584E, #FF4264, #AE255D, #623E32 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: #bb797a; --color-2: #fc584e; --color-3: #ff4264; --color-4: #ae255d; --color-5: #623e32. 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