← Back to Editor

#CB2111 · #F3280D · #EA6E44 · #D19782 · #AEBEAD

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

#CB2111

Vermilion · FireBrick · Passion Red

HEX
#CB2111
RGB
rgb(203, 33, 17)
HSL
hsl(5, 85%, 43%)
HSB
hsb(5, 92%, 80%)
CMYK
cmyk(0%, 84%, 92%, 20%)
Oklch
oklch(54.1% 0.205 30.2)

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

#F3280D

Vermilion · OrangeRed · Passion Red

HEX
#F3280D
RGB
rgb(243, 40, 13)
HSL
hsl(7, 91%, 50%)
HSB
hsb(7, 95%, 95%)
CMYK
cmyk(0%, 84%, 95%, 5%)
Oklch
oklch(61.9% 0.236 30.8)

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

#EA6E44

Tangerine · Tomato · Warm Sun

HEX
#EA6E44
RGB
rgb(234, 110, 68)
HSL
hsl(15, 80%, 59%)
HSB
hsb(15, 71%, 92%)
CMYK
cmyk(0%, 53%, 71%, 8%)
Oklch
oklch(67.9% 0.164 38.9)

Traditional「Tangerine」· Paint「Warm Sun」· Creative Blush Sunrise

#D19782

Apricot · DarkSalmon · Warm Sun

HEX
#D19782
RGB
rgb(209, 151, 130)
HSL
hsl(16, 46%, 66%)
HSB
hsb(16, 38%, 82%)
CMYK
cmyk(0%, 28%, 38%, 18%)
Oklch
oklch(72.7% 0.076 40.8)

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

#AEBEAD

Celadon · DarkGray · Apple Green

HEX
#AEBEAD
RGB
rgb(174, 190, 173)
HSL
hsl(116, 12%, 71%)
HSB
hsb(116, 9%, 75%)
CMYK
cmyk(8%, 0%, 9%, 25%)
Oklch
oklch(78.4% 0.030 143.7)

Traditional「Celadon」· Paint「Apple Green」· Creative Mint Breeze

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

CB2111
10BBCB

Analogous

CB105E
CB2111
CB7D10

Triadic

CB2111
10CB20
2010CB

Split-Comp.

CB2111
10CB7D
105ECB

Tetradic

CB2111
5ECB10
10BBCB
7D10CB

Contrast Matrix WCAG 2.1 Contrast

CB2111
F3280D
EA6E44
D19782
AEBEAD
—
1.4
Fail
1.8
Fail
2.2
Fail
2.9
Fail
1.4
Fail
—
1.3
Fail
1.7
Fail
2.1
Fail
1.8
Fail
1.3
Fail
—
1.2
Fail
1.6
Fail
2.2
Fail
1.7
Fail
1.2
Fail
—
1.3
Fail
2.9
Fail
2.1
Fail
1.6
Fail
1.3
Fail
—
White BG
5.6AA
4.1AA Large
3.1AA Large
2.5Fail
2.0Fail
Black BG
3.8AA Large
5.1AA
6.8AA
8.5AAA
10.8AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

818015
9B9914
B4B34E
B8B787
B5B5B1

Deuteranopia

8B9816
A7B615
BCC551
BBC088
B4B3B2

Tritanopia

C31819
E9191A
E45658
CE8B8C
AFB4B5

Achromatopsia

525252
626262
8E8E8E
A6A6A6
B7B7B7

Shades & Tints Shades & Tints

#CB2111

Dark
Light

#F3280D

Dark
Light

#EA6E44

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #cb2111;
  --color-2: #f3280d;
  --color-3: #ea6e44;
  --color-4: #d19782;
  --color-5: #aebead;
}

SCSS

$color-1: #cb2111;
$color-2: #f3280d;
$color-3: #ea6e44;
$color-4: #d19782;
$color-5: #aebead;

TAILWIND

colors: {
  'brand-1': '#cb2111',
  'brand-2': '#f3280d',
  'brand-3': '#ea6e44',
  'brand-4': '#d19782',
  'brand-5': '#aebead',
}

RGB Array

[203, 33, 17], [243, 40, 13], [234, 110, 68], [209, 151, 130], [174, 190, 173]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This cool-style palette of #CB2111, #F3280D, #EA6E44, #D19782, #AEBEAD 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: #cb2111; --color-2: #f3280d; --color-3: #ea6e44; --color-4: #d19782; --color-5: #aebead. 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