← Back to Editor

#8EDFF0 · #EA001E · #AB141F · #3E1914 · #2C1816

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

#8EDFF0

Sky Blue · SkyBlue · Lake Green

HEX
#8EDFF0
RGB
rgb(142, 223, 240)
HSL
hsl(190, 77%, 75%)
HSB
hsb(190, 41%, 94%)
CMYK
cmyk(41%, 7%, 0%, 6%)
Oklch
oklch(85.7% 0.082 212.4)

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

#EA001E

Vermilion · Red · Passion Red

HEX
#EA001E
RGB
rgb(234, 0, 30)
HSL
hsl(352, 100%, 46%)
HSB
hsb(352, 100%, 92%)
CMYK
cmyk(0%, 100%, 87%, 8%)
Oklch
oklch(59.0% 0.240 26.5)

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

#AB141F

Vermilion · FireBrick · Wine Red

HEX
#AB141F
RGB
rgb(171, 20, 31)
HSL
hsl(356, 79%, 37%)
HSB
hsb(356, 88%, 67%)
CMYK
cmyk(0%, 88%, 82%, 33%)
Oklch
oklch(47.5% 0.182 25.3)

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

#3E1914

Crimson · Black · Deep Berry

HEX
#3E1914
RGB
rgb(62, 25, 20)
HSL
hsl(7, 51%, 16%)
HSB
hsb(7, 68%, 24%)
CMYK
cmyk(0%, 60%, 68%, 76%)
Oklch
oklch(26.7% 0.059 29.4)

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

#2C1816

Crimson · Black · Deep Berry

HEX
#2C1816
RGB
rgb(44, 24, 22)
HSL
hsl(5, 33%, 13%)
HSB
hsb(5, 50%, 17%)
CMYK
cmyk(0%, 45%, 50%, 83%)
Oklch
oklch(23.6% 0.033 26.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

8EDFF0
F09F8E

Analogous

8EF0D0
8EDFF0
8EAFF0

Triadic

8EDFF0
F08EE0
E0F08E

Split-Comp.

8EDFF0
F08EAF
F0D08E

Tetradic

8EDFF0
D08EF0
F09F8E
AFF08E

Contrast Matrix WCAG 2.1 Contrast

8EDFF0
EA001E
AB141F
3E1914
2C1816
—
3.1
AA Large
4.9
AA
10.3
AAA
11.2
AAA
3.1
AA Large
—
1.6
Fail
3.3
AA Large
3.6
AA Large
4.9
AA
1.6
Fail
—
2.1
Fail
2.3
Fail
10.3
AAA
3.3
AA Large
2.1
Fail
—
1.1
Fail
11.2
AAA
3.6
AA Large
2.3
Fail
1.1
Fail
—
White BG
1.5Fail
4.6AA
7.4AAA
15.5AAA
16.8AAA
Black BG
14.0AAA
4.5AA
2.9Fail
1.4Fail
1.2Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

B1B2EC
858317
6A681C
2E2E15
232316

Deuteranopia

ACA6EB
92A415
727E1C
303316
252617

Tritanopia

92E9E8
DE1110
A31A1A
3C1616
2B1717

Achromatopsia

C9C9C9
494949
424242
232323
1E1E1E

Shades & Tints Shades & Tints

#8EDFF0

Dark
Light

#EA001E

Dark
Light

#AB141F

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #8edff0;
  --color-2: #ea001e;
  --color-3: #ab141f;
  --color-4: #3e1914;
  --color-5: #2c1816;
}

SCSS

$color-1: #8edff0;
$color-2: #ea001e;
$color-3: #ab141f;
$color-4: #3e1914;
$color-5: #2c1816;

TAILWIND

colors: {
  'brand-1': '#8edff0',
  'brand-2': '#ea001e',
  'brand-3': '#ab141f',
  'brand-4': '#3e1914',
  'brand-5': '#2c1816',
}

RGB Array

[142, 223, 240], [234, 0, 30], [171, 20, 31], [62, 25, 20], [44, 24, 22]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #8EDFF0, #EA001E, #AB141F, #3E1914, #2C1816 is ideal for: social media posters, mobile apps, e-commerce promos, tech websites, dark mode UIs, game UIs, 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: #8edff0; --color-2: #ea001e; --color-3: #ab141f; --color-4: #3e1914; --color-5: #2c1816. 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. 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