← Back to Editor

#E919A7 · #DFDFDF · #CF8300 · #776D5B · #B4D412

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#E919A7

Rose Purple · DeepPink · Violet

HEX
#E919A7
RGB
rgb(233, 25, 167)
HSL
hsl(319, 83%, 51%)
HSB
hsb(319, 89%, 91%)
CMYK
cmyk(0%, 89%, 28%, 9%)
Oklch
oklch(62.7% 0.255 346.3)

Traditional「Rose Purple」· Paint「Violet」· Creative Blush Sunrise

#DFDFDF

Plain White · LightGray · Cloud White

HEX
#DFDFDF
RGB
rgb(223, 223, 223)
HSL
hsl(0, 0%, 87%)
HSB
hsb(0, 0%, 87%)
CMYK
cmyk(0%, 0%, 0%, 13%)
Oklch
oklch(90.4% 0.000 89.9)

Traditional「Plain White」· Paint「Cloud White」· Creative Silver Lining

#CF8300

Ochre · DarkGoldenRod · Amber Brown

HEX
#CF8300
RGB
rgb(207, 131, 0)
HSL
hsl(38, 100%, 41%)
HSB
hsb(38, 100%, 81%)
CMYK
cmyk(0%, 37%, 100%, 19%)
Oklch
oklch(67.4% 0.146 69.4)

Traditional「Ochre」· Paint「Amber Brown」· Creative Blush Sunrise

#776D5B

Ochre · DimGray · Amber Brown

HEX
#776D5B
RGB
rgb(119, 109, 91)
HSL
hsl(39, 13%, 41%)
HSB
hsb(39, 24%, 47%)
CMYK
cmyk(0%, 8%, 24%, 53%)
Oklch
oklch(53.9% 0.030 82.3)

Traditional「Ochre」· Paint「Amber Brown」· Creative Blush Sunrise

#B4D412

Grass Green · GreenYellow · Olive Green

HEX
#B4D412
RGB
rgb(180, 212, 18)
HSL
hsl(70, 84%, 45%)
HSB
hsb(70, 92%, 83%)
CMYK
cmyk(15%, 0%, 92%, 17%)
Oklch
oklch(81.8% 0.191 120.2)

Traditional「Grass Green」· Paint「Olive Green」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E919A7
1AEA5C

Analogous

C41AEA
E919A7
EA1A40

Triadic

E919A7
A8EA1A
1AA8EA

Split-Comp.

E919A7
40EA1A
1AEAC4

Tetradic

E919A7
EAC41A
1AEA5C
1A40EA

Contrast Matrix WCAG 2.1 Contrast

E919A7
DFDFDF
CF8300
776D5B
B4D412
—
3.1
AA Large
1.3
Fail
1.3
Fail
2.4
Fail
3.1
AA Large
—
2.3
Fail
3.8
AA Large
1.3
Fail
1.3
Fail
2.3
Fail
—
1.7
Fail
1.8
Fail
1.3
Fail
3.8
AA Large
1.7
Fail
—
3.0
Fail
2.4
Fail
1.3
Fail
1.8
Fail
3.0
Fail
—
White BG
4.1AA Large
1.3Fail
3.0AA Large
5.1AA
1.7Fail
Black BG
5.2AA
15.8AAA
6.9AA
4.1AA Large
12.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

8F8D85
DFDFDF
AEAD20
73735F
C2C241

Deuteranopia

9BAB7C
DFDFDF
B3B827
737460
C0BE4C

Tritanopia

DF6A64
DFDFDF
CB393E
776364
B6666E

Achromatopsia

676767
DFDFDF
8B8B8B
6E6E6E
B4B4B4

Shades & Tints Shades & Tints

#E919A7

Dark
Light

#DFDFDF

Dark
Light

#CF8300

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e919a7;
  --color-2: #dfdfdf;
  --color-3: #cf8300;
  --color-4: #776d5b;
  --color-5: #b4d412;
}

SCSS

$color-1: #e919a7;
$color-2: #dfdfdf;
$color-3: #cf8300;
$color-4: #776d5b;
$color-5: #b4d412;

TAILWIND

colors: {
  'brand-1': '#e919a7',
  'brand-2': '#dfdfdf',
  'brand-3': '#cf8300',
  'brand-4': '#776d5b',
  'brand-5': '#b4d412',
}

RGB Array

[233, 25, 167], [223, 223, 223], [207, 131, 0], [119, 109, 91], [180, 212, 18]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E919A7, #DFDFDF, #CF8300, #776D5B, #B4D412 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: #e919a7; --color-2: #dfdfdf; --color-3: #cf8300; --color-4: #776d5b; --color-5: #b4d412. 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