← Back to Editor

#290224 · #194E78 · #089ACB · #78BBC8 · #E8DBC5

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 AppData Visualization

Color Details Color Details

#290224

Rose Purple · Black · Dark Purple

HEX
#290224
RGB
rgb(41, 2, 36)
HSL
hsl(308, 91%, 8%)
HSB
hsb(308, 95%, 16%)
CMYK
cmyk(0%, 95%, 12%, 84%)
Oklch
oklch(19.7% 0.082 333.9)

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

#194E78

Lake Blue · DarkSlateGray · Prussian Blue

HEX
#194E78
RGB
rgb(25, 78, 120)
HSL
hsl(207, 66%, 28%)
HSB
hsb(207, 79%, 47%)
CMYK
cmyk(79%, 35%, 0%, 53%)
Oklch
oklch(41.1% 0.089 246.5)

Traditional「Lake Blue」· Paint「Prussian Blue」· Creative Blush Sunrise

#089ACB

Lake Blue · LightSeaGreen · Mint Ice

HEX
#089ACB
RGB
rgb(8, 154, 203)
HSL
hsl(195, 92%, 41%)
HSB
hsb(195, 96%, 80%)
CMYK
cmyk(96%, 24%, 0%, 20%)
Oklch
oklch(64.3% 0.127 230.1)

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

#78BBC8

Sky Blue · MediumAquaMarine · Lake Green

HEX
#78BBC8
RGB
rgb(120, 187, 200)
HSL
hsl(190, 42%, 63%)
HSB
hsb(190, 40%, 78%)
CMYK
cmyk(40%, 7%, 0%, 22%)
Oklch
oklch(75.2% 0.070 211.2)

Traditional「Sky Blue」· Paint「Lake Green」· Creative Arctic Pool

#E8DBC5

Goose Yellow · Wheat · Peach Orange

HEX
#E8DBC5
RGB
rgb(232, 219, 197)
HSL
hsl(38, 43%, 84%)
HSB
hsb(38, 15%, 91%)
CMYK
cmyk(0%, 6%, 15%, 9%)
Oklch
oklch(89.6% 0.033 81.0)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

290224
022707

Analogous

190227
290224
27020F

Triadic

290224
222702
022227

Split-Comp.

290224
0F2702
022719

Tetradic

290224
271902
022707
020F27

Contrast Matrix WCAG 2.1 Contrast

290224
194E78
089ACB
78BBC8
E8DBC5
—
2.1
Fail
5.8
AA
8.6
AAA
13.6
AAA
2.1
Fail
—
2.7
Fail
4.1
AA Large
6.4
AA
5.8
AA
2.7
Fail
—
1.5
Fail
2.4
Fail
8.6
AAA
4.1
AA Large
1.5
Fail
—
1.6
Fail
13.6
AAA
6.4
AA
2.4
Fail
1.6
Fail
—
White BG
18.6AAA
8.7AAA
3.2AA Large
2.2Fail
1.4Fail
Black BG
1.1Fail
2.4Fail
6.5AA
9.7AAA
15.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

18181C
30306E
4749BF
9596C5
E2E2CA

Deuteranopia

1A1D1A
2D296B
3F34BC
918CC4
E3E4CC

Tritanopia

271514
1C6664
0FB6B4
7BC2C2
E7CFCF

Achromatopsia

121212
434343
747474
A8A8A8
DCDCDC

Shades & Tints Shades & Tints

#290224

Dark
Light

#194E78

Dark
Light

#089ACB

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #290224;
  --color-2: #194e78;
  --color-3: #089acb;
  --color-4: #78bbc8;
  --color-5: #e8dbc5;
}

SCSS

$color-1: #290224;
$color-2: #194e78;
$color-3: #089acb;
$color-4: #78bbc8;
$color-5: #e8dbc5;

TAILWIND

colors: {
  'brand-1': '#290224',
  'brand-2': '#194e78',
  'brand-3': '#089acb',
  'brand-4': '#78bbc8',
  'brand-5': '#e8dbc5',
}

RGB Array

[41, 2, 36], [25, 78, 120], [8, 154, 203], [120, 187, 200], [232, 219, 197]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This cool-style palette of #290224, #194E78, #089ACB, #78BBC8, #E8DBC5 is ideal for: social media posters, mobile apps, e-commerce promos, infographics, data visualization, accessible design. Vivid colors effectively attract user attention. High contrast ensures clear visual hierarchy and readability. 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: #290224; --color-2: #194e78; --color-3: #089acb; --color-4: #78bbc8; --color-5: #e8dbc5. 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. High-contrast palettes naturally meet WCAG accessibility standards. 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