← Back to Editor

#408F7B · #9C8D0E · #F27C1B · #F75148 · #EB3467

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

#408F7B

Mineral Blue · MediumSeaGreen · Mint Ice

HEX
#408F7B
RGB
rgb(64, 143, 123)
HSL
hsl(165, 38%, 41%)
HSB
hsb(165, 55%, 56%)
CMYK
cmyk(55%, 0%, 14%, 44%)
Oklch
oklch(59.5% 0.084 174.3)

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

#9C8D0E

Autumn Sage · DarkGoldenRod · Honey Gold

HEX
#9C8D0E
RGB
rgb(156, 141, 14)
HSL
hsl(54, 84%, 33%)
HSB
hsb(54, 91%, 61%)
CMYK
cmyk(0%, 10%, 91%, 39%)
Oklch
oklch(63.7% 0.130 101.6)

Traditional「Autumn Sage」· Paint「Honey Gold」· Creative Blush Sunrise

#F27C1B

Tangerine · Chocolate · Warm Sun

HEX
#F27C1B
RGB
rgb(242, 124, 27)
HSL
hsl(27, 89%, 53%)
HSB
hsb(27, 89%, 95%)
CMYK
cmyk(0%, 49%, 89%, 5%)
Oklch
oklch(70.9% 0.173 52.4)

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

#F75148

Peach Pink · Tomato · Coral Red

HEX
#F75148
RGB
rgb(247, 81, 72)
HSL
hsl(3, 92%, 63%)
HSB
hsb(3, 71%, 97%)
CMYK
cmyk(0%, 67%, 71%, 3%)
Oklch
oklch(66.3% 0.204 27.2)

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

#EB3467

Dark Violet · Crimson · Rose Pink

HEX
#EB3467
RGB
rgb(235, 52, 103)
HSL
hsl(343, 82%, 56%)
HSB
hsb(343, 78%, 92%)
CMYK
cmyk(0%, 78%, 56%, 8%)
Oklch
oklch(62.3% 0.217 10.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

408F7B
904155

Analogous

419055
408F7B
417C90

Triadic

408F7B
7C4190
907C41

Split-Comp.

408F7B
90417C
905541

Tetradic

408F7B
554190
904155
7C9041

Contrast Matrix WCAG 2.1 Contrast

408F7B
9C8D0E
F27C1B
F75148
EB3467
—
1.1
Fail
1.4
Fail
1.1
Fail
1.0
Fail
1.1
Fail
—
1.2
Fail
1.0
Fail
1.2
Fail
1.4
Fail
1.2
Fail
—
1.2
Fail
1.5
Fail
1.1
Fail
1.0
Fail
1.2
Fail
—
1.2
Fail
1.0
Fail
1.2
Fail
1.5
Fail
1.2
Fail
—
White BG
3.9AA Large
3.4AA Large
2.7Fail
3.4AA Large
4.0AA Large
Black BG
5.4AA
6.2AA
7.7AAA
6.2AA
5.2AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

626380
96952D
BFBE32
AFAE4A
9C9A5B

Deuteranopia

5E5881
969834
C6CF38
B9C54B
A6B458

Tritanopia

448485
9B454A
EC4549
EF4C4C
E2514F

Achromatopsia

757575
838383
949494
828282
717171

Shades & Tints Shades & Tints

#408F7B

Dark
Light

#9C8D0E

Dark
Light

#F27C1B

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #408f7b;
  --color-2: #9c8d0e;
  --color-3: #f27c1b;
  --color-4: #f75148;
  --color-5: #eb3467;
}

SCSS

$color-1: #408f7b;
$color-2: #9c8d0e;
$color-3: #f27c1b;
$color-4: #f75148;
$color-5: #eb3467;

TAILWIND

colors: {
  'brand-1': '#408f7b',
  'brand-2': '#9c8d0e',
  'brand-3': '#f27c1b',
  'brand-4': '#f75148',
  'brand-5': '#eb3467',
}

RGB Array

[64, 143, 123], [156, 141, 14], [242, 124, 27], [247, 81, 72], [235, 52, 103]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This cool-style palette of #408F7B, #9C8D0E, #F27C1B, #F75148, #EB3467 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: #408f7b; --color-2: #9c8d0e; --color-3: #f27c1b; --color-4: #f75148; --color-5: #eb3467. 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