← Back to Editor

#E68D27 · #806649 · #FFFFFF · #072D38 · #4A76C2

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

#E68D27

Ginger · GoldenRod · Warm Sun

HEX
#E68D27
RGB
rgb(230, 141, 39)
HSL
hsl(32, 79%, 53%)
HSB
hsb(32, 83%, 90%)
CMYK
cmyk(0%, 39%, 83%, 10%)
Oklch
oklch(72.1% 0.152 63.3)

Traditional「Ginger」· Paint「Warm Sun」· Creative Blush Sunrise

#806649

Ochre · DimGray · Amber Brown

HEX
#806649
RGB
rgb(128, 102, 73)
HSL
hsl(32, 27%, 39%)
HSB
hsb(32, 43%, 50%)
CMYK
cmyk(0%, 20%, 43%, 50%)
Oklch
oklch(52.9% 0.054 69.3)

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

#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

#072D38

Lake Blue · DarkSlateGray · Peacock Green

HEX
#072D38
RGB
rgb(7, 45, 56)
HSL
hsl(193, 78%, 12%)
HSB
hsb(193, 87%, 22%)
CMYK
cmyk(87%, 20%, 0%, 78%)
Oklch
oklch(27.7% 0.045 221.6)

Traditional「Lake Blue」· Paint「Peacock Green」· Creative Blush Sunrise

#4A76C2

Azure · SteelBlue · Navy Blue

HEX
#4A76C2
RGB
rgb(74, 118, 194)
HSL
hsl(218, 50%, 53%)
HSB
hsb(218, 62%, 76%)
CMYK
cmyk(62%, 39%, 0%, 24%)
Oklch
oklch(57.0% 0.128 260.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E68D27
2881E6

Analogous

E62F28
E68D27
E0E628

Triadic

E68D27
28E68D
8D28E6

Split-Comp.

E68D27
28E0E6
2F28E6

Tetradic

E68D27
28E62F
2881E6
E628E0

Contrast Matrix WCAG 2.1 Contrast

E68D27
806649
FFFFFF
072D38
4A76C2
—
2.1
Fail
2.6
Fail
5.7
AA
1.8
Fail
2.1
Fail
—
5.4
AA
2.7
Fail
1.2
Fail
2.6
Fail
5.4
AA
—
14.6
AAA
4.5
AA
5.7
AA
2.7
Fail
14.6
AAA
—
3.2
AA Large
1.8
Fail
1.2
Fail
4.5
AA
3.2
AA Large
—
White BG
2.6Fail
5.4AA
1.0Fail
14.6AAA
4.5AA
Black BG
8.2AAA
3.9AA Large
21.0AAA
1.4Fail
4.7AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

BFBF40
757550
FFFFFF
171835
5D5DB0

Deuteranopia

C5CB46
767852
FFFFFF
151235
5B57AB

Tritanopia

E25357
7F5657
FFFFFF
093333
4CA19E

Achromatopsia

9C9C9C
6A6A6A
FFFFFF
232323
727272

Shades & Tints Shades & Tints

#E68D27

Dark
Light

#806649

Dark
Light

#FFFFFF

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e68d27;
  --color-2: #806649;
  --color-3: #ffffff;
  --color-4: #072d38;
  --color-5: #4a76c2;
}

SCSS

$color-1: #e68d27;
$color-2: #806649;
$color-3: #ffffff;
$color-4: #072d38;
$color-5: #4a76c2;

TAILWIND

colors: {
  'brand-1': '#e68d27',
  'brand-2': '#806649',
  'brand-3': '#ffffff',
  'brand-4': '#072d38',
  'brand-5': '#4a76c2',
}

RGB Array

[230, 141, 39], [128, 102, 73], [255, 255, 255], [7, 45, 56], [74, 118, 194]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E68D27, #806649, #FFFFFF, #072D38, #4A76C2 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: #e68d27; --color-2: #806649; --color-3: #ffffff; --color-4: #072d38; --color-5: #4a76c2. 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