← Back to Editor

#A80026 · #42222F · #5F9DCC · #69B0CC · #FDF3BE

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

Color Details Color Details

#A80026

Vermilion · FireBrick · Wine Red

HEX
#A80026
RGB
rgb(168, 0, 38)
HSL
hsl(346, 100%, 33%)
HSB
hsb(346, 100%, 66%)
CMYK
cmyk(0%, 100%, 77%, 34%)
Oklch
oklch(46.2% 0.186 21.1)

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

#42222F

Dark Violet · DarkSlateGray · Raspberry

HEX
#42222F
RGB
rgb(66, 34, 47)
HSL
hsl(336, 32%, 20%)
HSB
hsb(336, 48%, 26%)
CMYK
cmyk(0%, 48%, 29%, 74%)
Oklch
oklch(29.9% 0.052 354.9)

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

#5F9DCC

Lake Blue · CornflowerBlue · Navy Blue

HEX
#5F9DCC
RGB
rgb(95, 157, 204)
HSL
hsl(206, 52%, 59%)
HSB
hsb(206, 53%, 80%)
CMYK
cmyk(53%, 23%, 0%, 20%)
Oklch
oklch(67.3% 0.095 242.7)

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

#69B0CC

Sky Blue · CornflowerBlue · Lake Green

HEX
#69B0CC
RGB
rgb(105, 176, 204)
HSL
hsl(197, 49%, 61%)
HSB
hsb(197, 49%, 80%)
CMYK
cmyk(49%, 14%, 0%, 20%)
Oklch
oklch(72.1% 0.082 225.4)

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

#FDF3BE

Fresh Green · Bisque · Lemon Cream

HEX
#FDF3BE
RGB
rgb(253, 243, 190)
HSL
hsl(50, 94%, 87%)
HSB
hsb(50, 25%, 99%)
CMYK
cmyk(0%, 4%, 25%, 1%)
Oklch
oklch(95.9% 0.069 98.6)

Traditional「Fresh Green」· Paint「Lemon Cream」· Creative Lemon Fizz

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

A80026
00A881

Analogous

A8007B
A80026
A82D00

Triadic

A80026
27A800
0027A8

Split-Comp.

A80026
00A82D
007BA8

Tetradic

A80026
7BA800
00A881
2D00A8

Contrast Matrix WCAG 2.1 Contrast

A80026
42222F
5F9DCC
69B0CC
FDF3BE
—
1.8
Fail
2.7
Fail
3.2
AA Large
7.0
AA
1.8
Fail
—
4.8
AA
5.8
AA
12.5
AAA
2.7
Fail
4.8
AA
—
1.2
Fail
2.6
Fail
3.2
AA Large
5.8
AA
1.2
Fail
—
2.2
Fail
7.0
AA
12.5
AAA
2.6
Fail
2.2
Fail
—
White BG
7.8AAA
14.0AAA
2.9Fail
2.4Fail
1.1Fail
Black BG
2.7Fail
1.5Fail
7.2AAA
8.7AAA
18.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

5F5E1D
34342C
7A7AC1
8888C5
F9F9CB

Deuteranopia

69761B
36382B
7672BE
847EC4
F9FACE

Tritanopia

A01614
402929
62B8B6
6DC0BF
FDD5D7

Achromatopsia

373737
2D2D2D
909090
9E9E9E
F0F0F0

Shades & Tints Shades & Tints

#A80026

Dark
Light

#42222F

Dark
Light

#5F9DCC

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #a80026;
  --color-2: #42222f;
  --color-3: #5f9dcc;
  --color-4: #69b0cc;
  --color-5: #fdf3be;
}

SCSS

$color-1: #a80026;
$color-2: #42222f;
$color-3: #5f9dcc;
$color-4: #69b0cc;
$color-5: #fdf3be;

TAILWIND

colors: {
  'brand-1': '#a80026',
  'brand-2': '#42222f',
  'brand-3': '#5f9dcc',
  'brand-4': '#69b0cc',
  'brand-5': '#fdf3be',
}

RGB Array

[168, 0, 38], [66, 34, 47], [95, 157, 204], [105, 176, 204], [253, 243, 190]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #A80026, #42222F, #5F9DCC, #69B0CC, #FDF3BE 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: #a80026; --color-2: #42222f; --color-3: #5f9dcc; --color-4: #69b0cc; --color-5: #fdf3be. 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 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