← Back to Editor

#959492 · #F54428 · #F30134 · #C10F65 · #065ED0

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

#959492

Ash · LightSlateGray · Silver Sand

HEX
#959492
RGB
rgb(149, 148, 146)
HSL
hsl(40, 1%, 58%)
HSB
hsb(40, 2%, 58%)
CMYK
cmyk(0%, 1%, 2%, 42%)
Oklch
oklch(66.7% 0.003 84.6)

Traditional「Ash」· Paint「Silver Sand」· Creative Urban Concrete

#F54428

Vermilion · OrangeRed · Passion Red

HEX
#F54428
RGB
rgb(245, 68, 40)
HSL
hsl(8, 91%, 56%)
HSB
hsb(8, 84%, 96%)
CMYK
cmyk(0%, 72%, 84%, 4%)
Oklch
oklch(64.4% 0.217 31.8)

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

#F30134

Vermilion · Crimson · Passion Red

HEX
#F30134
RGB
rgb(243, 1, 52)
HSL
hsl(347, 99%, 48%)
HSB
hsb(347, 100%, 95%)
CMYK
cmyk(0%, 100%, 79%, 5%)
Oklch
oklch(60.9% 0.245 22.8)

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

#C10F65

Dark Violet · MediumVioletRed · Camellia

HEX
#C10F65
RGB
rgb(193, 15, 101)
HSL
hsl(331, 86%, 41%)
HSB
hsb(331, 92%, 76%)
CMYK
cmyk(0%, 92%, 48%, 24%)
Oklch
oklch(52.9% 0.208 0.7)

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

#065ED0

Indigo · DodgerBlue · Navy Blue

HEX
#065ED0
RGB
rgb(6, 94, 208)
HSL
hsl(214, 94%, 42%)
HSB
hsb(214, 97%, 82%)
CMYK
cmyk(97%, 55%, 0%, 18%)
Oklch
oklch(50.9% 0.191 258.8)

Traditional「Indigo」· Paint「Navy Blue」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

959492
939495

Analogous

959393
959492
959593

Triadic

959492
939594
949395

Split-Comp.

959492
939595
939395

Tetradic

959492
939593
939495
959395

Contrast Matrix WCAG 2.1 Contrast

959492
F54428
F30134
C10F65
065ED0
—
1.2
Fail
1.4
Fail
2.0
Fail
2.0
Fail
1.2
Fail
—
1.2
Fail
1.6
Fail
1.6
Fail
1.4
Fail
1.2
Fail
—
1.4
Fail
1.4
Fail
2.0
Fail
1.6
Fail
1.4
Fail
—
1.0
Fail
2.0
Fail
1.6
Fail
1.4
Fail
1.0
Fail
—
White BG
3.0AA Large
3.7AA Large
4.3AA Large
6.0AA
6.0AA
Black BG
6.9AA
5.7AA
4.9AA
3.5AA Large
3.5AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

959592
A8A72F
8A8828
747250
2C2DB4

Deuteranopia

959593
B3C030
98AA25
7E8C4B
2720AE

Tritanopia

959393
EC3435
E71E1C
B8403C
0A9F9A

Achromatopsia

949494
767676
4F4F4F
4E4E4E
515151

Shades & Tints Shades & Tints

#959492

Dark
Light

#F54428

Dark
Light

#F30134

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #959492;
  --color-2: #f54428;
  --color-3: #f30134;
  --color-4: #c10f65;
  --color-5: #065ed0;
}

SCSS

$color-1: #959492;
$color-2: #f54428;
$color-3: #f30134;
$color-4: #c10f65;
$color-5: #065ed0;

TAILWIND

colors: {
  'brand-1': '#959492',
  'brand-2': '#f54428',
  'brand-3': '#f30134',
  'brand-4': '#c10f65',
  'brand-5': '#065ed0',
}

RGB Array

[149, 148, 146], [245, 68, 40], [243, 1, 52], [193, 15, 101], [6, 94, 208]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #959492, #F54428, #F30134, #C10F65, #065ED0 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: #959492; --color-2: #f54428; --color-3: #f30134; --color-4: #c10f65; --color-5: #065ed0. 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 general-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