← Back to Editor

#FFFFFF · #EBBC8D · #BA0915 · #421111 · #4AB0A6

A 5-color palette palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#FFFFFF

Moonlight White · White · Cloud White

HEX
#FFFFFF
RGB
rgb(255, 255, 255)
HSL
hsl(0, 0%, 100%)
HSB
hsb(0, 0%, 100%)
CMYK
cmyk(0%, 0%, 0%, 0%)
Oklch
oklch(100.0% 0.000 89.9)

Traditional「Moonlight White」· Paint「Cloud White」· Creative Morning Mist

#EBBC8D

Goose Yellow · BurlyWood · Warm Sun

HEX
#EBBC8D
RGB
rgb(235, 188, 141)
HSL
hsl(30, 70%, 74%)
HSB
hsb(30, 40%, 92%)
CMYK
cmyk(0%, 20%, 40%, 8%)
Oklch
oklch(82.6% 0.082 66.3)

Traditional「Goose Yellow」· Paint「Warm Sun」· Creative Honey Glow

#BA0915

Vermilion · FireBrick · Wine Red

HEX
#BA0915
RGB
rgb(186, 9, 21)
HSL
hsl(356, 91%, 38%)
HSB
hsb(356, 95%, 73%)
CMYK
cmyk(0%, 95%, 89%, 27%)
Oklch
oklch(49.9% 0.200 27.1)

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

#421111

Crimson · Maroon · Deep Berry

HEX
#421111
RGB
rgb(66, 17, 17)
HSL
hsl(0, 59%, 16%)
HSB
hsb(0, 74%, 26%)
CMYK
cmyk(0%, 74%, 74%, 74%)
Oklch
oklch(26.1% 0.076 24.0)

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

#4AB0A6

Mineral Blue · CadetBlue · Mint Ice

HEX
#4AB0A6
RGB
rgb(74, 176, 166)
HSL
hsl(174, 41%, 49%)
HSB
hsb(174, 58%, 69%)
CMYK
cmyk(58%, 0%, 6%, 31%)
Oklch
oklch(69.5% 0.096 186.4)

Traditional「Mineral Blue」· Paint「Mint Ice」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FFFFFF
FFFFFF

Analogous

FFFFFF
FFFFFF
FFFFFF

Triadic

FFFFFF
FFFFFF
FFFFFF

Split-Comp.

FFFFFF
FFFFFF
FFFFFF

Tetradic

FFFFFF
FFFFFF
FFFFFF
FFFFFF

Contrast Matrix WCAG 2.1 Contrast

FFFFFF
EBBC8D
BA0915
421111
4AB0A6
—
1.7
Fail
6.7
AA
15.9
AAA
2.6
Fail
1.7
Fail
—
3.9
AA Large
9.2
AAA
1.5
Fail
6.7
AA
3.9
AA Large
—
2.4
Fail
2.6
Fail
15.9
AAA
9.2
AAA
2.4
Fail
—
6.1
AA
2.6
Fail
1.5
Fail
2.6
Fail
6.1
AA
—
White BG
1.0Fail
1.7Fail
6.7AA
15.9AAA
2.6Fail
Black BG
21.0AAA
12.1AAA
3.1AA Large
1.3Fail
8.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

FFFFFF
D7D698
6D6C12
2D2C11
7677A8

Deuteranopia

FFFFFF
D9DD9B
788511
303311
7069A9

Tritanopia

FFFFFF
E9A1A3
B1100F
401111
4FAAAB

Achromatopsia

FFFFFF
C5C5C5
3F3F3F
202020
909090

Shades & Tints Shades & Tints

#FFFFFF

Dark
Light

#EBBC8D

Dark
Light

#BA0915

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ffffff;
  --color-2: #ebbc8d;
  --color-3: #ba0915;
  --color-4: #421111;
  --color-5: #4ab0a6;
}

SCSS

$color-1: #ffffff;
$color-2: #ebbc8d;
$color-3: #ba0915;
$color-4: #421111;
$color-5: #4ab0a6;

TAILWIND

colors: {
  'brand-1': '#ffffff',
  'brand-2': '#ebbc8d',
  'brand-3': '#ba0915',
  'brand-4': '#421111',
  'brand-5': '#4ab0a6',
}

RGB Array

[255, 255, 255], [235, 188, 141], [186, 9, 21], [66, 17, 17], [74, 176, 166]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FFFFFF, #EBBC8D, #BA0915, #421111, #4AB0A6 is ideal for: infographics, data visualization, accessible design. High contrast ensures clear visual hierarchy and readability. It is a balanced and harmonious choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #ffffff; --color-2: #ebbc8d; --color-3: #ba0915; --color-4: #421111; --color-5: #4ab0a6. 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 tech, SaaS, healthcare, eco industries. 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