← Back to Editor

#0A052D · #BA0331 · #853E60 · #B06A46 · #0E1029

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

#0A052D

Deep Indigo · Black · Deep Sea Blue

HEX
#0A052D
RGB
rgb(10, 5, 45)
HSL
hsl(248, 80%, 10%)
HSB
hsb(248, 89%, 18%)
CMYK
cmyk(78%, 89%, 0%, 82%)
Oklch
oklch(16.2% 0.077 280.1)

Traditional「Deep Indigo」· Paint「Deep Sea Blue」· Creative Blush Sunrise

#BA0331

Vermilion · FireBrick · Wine Red

HEX
#BA0331
RGB
rgb(186, 3, 49)
HSL
hsl(345, 97%, 37%)
HSB
hsb(345, 98%, 73%)
CMYK
cmyk(0%, 98%, 74%, 27%)
Oklch
oklch(50.0% 0.199 19.4)

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

#853E60

Dark Violet · DimGray · Camellia

HEX
#853E60
RGB
rgb(133, 62, 96)
HSL
hsl(331, 36%, 38%)
HSB
hsb(331, 53%, 52%)
CMYK
cmyk(0%, 53%, 28%, 48%)
Oklch
oklch(46.6% 0.105 352.0)

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

#B06A46

Tangerine · Sienna · Amber Brown

HEX
#B06A46
RGB
rgb(176, 106, 70)
HSL
hsl(20, 43%, 48%)
HSB
hsb(20, 60%, 69%)
CMYK
cmyk(0%, 40%, 60%, 31%)
Oklch
oklch(59.4% 0.103 47.3)

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

#0E1029

Indigo · Black · Deep Sea Blue

HEX
#0E1029
RGB
rgb(14, 16, 41)
HSL
hsl(236, 49%, 11%)
HSB
hsb(236, 66%, 16%)
CMYK
cmyk(66%, 61%, 0%, 84%)
Oklch
oklch(18.7% 0.050 277.0)

Traditional「Indigo」· Paint「Deep Sea Blue」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

0A052D
282E05

Analogous

05142E
0A052D
1F052E

Triadic

0A052D
2E0B05
052E0B

Split-Comp.

0A052D
2E1F05
142E05

Tetradic

0A052D
2E0514
282E05
052E1F

Contrast Matrix WCAG 2.1 Contrast

0A052D
BA0331
853E60
B06A46
0E1029
—
2.9
Fail
2.7
Fail
4.7
AA
1.0
Fail
2.9
Fail
—
1.1
Fail
1.6
Fail
2.8
Fail
2.7
Fail
1.1
Fail
—
1.7
Fail
2.5
Fail
4.7
AA
1.6
Fail
1.7
Fail
—
4.4
AA Large
1.0
Fail
2.8
Fail
2.5
Fail
4.4
AA Large
—
White BG
19.6AAA
6.7AA
7.4AAA
4.2AA Large
18.7AAA
Black BG
1.1Fail
3.1AA Large
2.9Fail
5.0AA
1.1Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

080823
6B6926
666658
92914F
0F0F23

Deuteranopia

080921
758323
6A7056
969B51
0F0F22

Tritanopia

0A1C1A
B11D1B
815150
AD5657
0E1E1D

Achromatopsia

0B0B0B
3F3F3F
575757
7B7B7B
121212

Shades & Tints Shades & Tints

#0A052D

Dark
Light

#BA0331

Dark
Light

#853E60

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #0a052d;
  --color-2: #ba0331;
  --color-3: #853e60;
  --color-4: #b06a46;
  --color-5: #0e1029;
}

SCSS

$color-1: #0a052d;
$color-2: #ba0331;
$color-3: #853e60;
$color-4: #b06a46;
$color-5: #0e1029;

TAILWIND

colors: {
  'brand-1': '#0a052d',
  'brand-2': '#ba0331',
  'brand-3': '#853e60',
  'brand-4': '#b06a46',
  'brand-5': '#0e1029',
}

RGB Array

[10, 5, 45], [186, 3, 49], [133, 62, 96], [176, 106, 70], [14, 16, 41]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This cool-style palette of #0A052D, #BA0331, #853E60, #B06A46, #0E1029 is ideal for: social media posters, mobile apps, e-commerce promos, tech websites, dark mode UIs, game UIs. 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: #0a052d; --color-2: #ba0331; --color-3: #853e60; --color-4: #b06a46; --color-5: #0e1029. 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?

Dark tones work well as backgrounds; pair with light text for readability. Use the brightest color for CTA buttons and interactive elements. 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