← Back to Editor

#500000 · #AFEFE6 · #B50005 · #EBE0B9 · #8AB489

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

#500000

Vermilion · Maroon · Deep Berry

HEX
#500000
RGB
rgb(80, 0, 0)
HSL
hsl(0, 100%, 16%)
HSB
hsb(0, 100%, 31%)
CMYK
cmyk(0%, 100%, 100%, 69%)
Oklch
oklch(27.1% 0.111 29.2)

Traditional「Vermilion」· Paint「Deep Berry」· Creative Blush Sunrise

#AFEFE6

Jade · LightBlue · Glacier Blue

HEX
#AFEFE6
RGB
rgb(175, 239, 230)
HSL
hsl(172, 67%, 81%)
HSB
hsb(172, 27%, 94%)
CMYK
cmyk(27%, 0%, 4%, 6%)
Oklch
oklch(90.7% 0.065 185.3)

Traditional「Jade」· Paint「Glacier Blue」· Creative Arctic Pool

#B50005

Vermilion · DarkRed · Wine Red

HEX
#B50005
RGB
rgb(181, 0, 5)
HSL
hsl(358, 100%, 35%)
HSB
hsb(358, 100%, 71%)
CMYK
cmyk(0%, 100%, 97%, 29%)
Oklch
oklch(48.6% 0.199 28.6)

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

#EBE0B9

Goose Yellow · Wheat · Lemon Cream

HEX
#EBE0B9
RGB
rgb(235, 224, 185)
HSL
hsl(47, 56%, 82%)
HSB
hsb(47, 21%, 92%)
CMYK
cmyk(0%, 5%, 21%, 8%)
Oklch
oklch(90.6% 0.053 94.1)

Traditional「Goose Yellow」· Paint「Lemon Cream」· Creative Lemon Fizz

#8AB489

Celadon · DarkSeaGreen · Apple Green

HEX
#8AB489
RGB
rgb(138, 180, 137)
HSL
hsl(119, 22%, 62%)
HSB
hsb(119, 24%, 71%)
CMYK
cmyk(23%, 0%, 24%, 29%)
Oklch
oklch(72.8% 0.076 144.2)

Traditional「Celadon」· Paint「Apple Green」· Creative Mint Breeze

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

500000
005252

Analogous

520029
500000
522900

Triadic

500000
005200
000052

Split-Comp.

500000
005229
002952

Tetradic

500000
295200
005252
290052

Contrast Matrix WCAG 2.1 Contrast

500000
AFEFE6
B50005
EBE0B9
8AB489
—
12.2
AAA
2.2
Fail
11.9
AAA
6.7
AA
12.2
AAA
—
5.5
AA
1.0
Fail
1.8
Fail
2.2
Fail
5.5
AA
—
5.4
AA
3.0
AA Large
11.9
AAA
1.0
Fail
5.4
AA
—
1.8
Fail
6.7
AA
1.8
Fail
3.0
AA Large
1.8
Fail
—
White BG
15.7AAA
1.3Fail
7.1AAA
1.3Fail
2.3Fail
Black BG
1.3Fail
16.3AAA
3.0Fail
15.9AAA
9.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

2D2D00
CBCBE8
676504
E6E6C2
9C9D93

Deuteranopia

323800
C7C2E9
717F04
E7E8C5
9A9796

Tritanopia

4C0000
B2EAEA
AC0303
EACACC
8C9C9D

Achromatopsia

181818
DBDBDB
373737
DFDFDF
A3A3A3

Shades & Tints Shades & Tints

#500000

Dark
Light

#AFEFE6

Dark
Light

#B50005

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #500000;
  --color-2: #afefe6;
  --color-3: #b50005;
  --color-4: #ebe0b9;
  --color-5: #8ab489;
}

SCSS

$color-1: #500000;
$color-2: #afefe6;
$color-3: #b50005;
$color-4: #ebe0b9;
$color-5: #8ab489;

TAILWIND

colors: {
  'brand-1': '#500000',
  'brand-2': '#afefe6',
  'brand-3': '#b50005',
  'brand-4': '#ebe0b9',
  'brand-5': '#8ab489',
}

RGB Array

[80, 0, 0], [175, 239, 230], [181, 0, 5], [235, 224, 185], [138, 180, 137]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #500000, #AFEFE6, #B50005, #EBE0B9, #8AB489 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: #500000; --color-2: #afefe6; --color-3: #b50005; --color-4: #ebe0b9; --color-5: #8ab489. 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