← Back to Editor

#E3EBB0 · #E3CE35 · #FB7A02 · #B5678F · #7C4157

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

#E3EBB0

Fresh Green · Wheat · Lemon Cream

HEX
#E3EBB0
RGB
rgb(227, 235, 176)
HSL
hsl(68, 60%, 81%)
HSB
hsb(68, 25%, 92%)
CMYK
cmyk(3%, 0%, 25%, 8%)
Oklch
oklch(92.0% 0.077 114.2)

Traditional「Fresh Green」· Paint「Lemon Cream」· Creative Lemon Fizz

#E3CE35

Autumn Sage · GoldenRod · Sunflower

HEX
#E3CE35
RGB
rgb(227, 206, 53)
HSL
hsl(53, 76%, 55%)
HSB
hsb(53, 77%, 89%)
CMYK
cmyk(0%, 9%, 77%, 11%)
Oklch
oklch(84.4% 0.162 101.1)

Traditional「Autumn Sage」· Paint「Sunflower」· Creative Blush Sunrise

#FB7A02

Tangerine · Orange · Amber Brown

HEX
#FB7A02
RGB
rgb(251, 122, 2)
HSL
hsl(29, 98%, 50%)
HSB
hsb(29, 99%, 98%)
CMYK
cmyk(0%, 51%, 99%, 2%)
Oklch
oklch(71.7% 0.186 51.3)

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

#B5678F

Rose Purple · Gray · Rose Pink

HEX
#B5678F
RGB
rgb(181, 103, 143)
HSL
hsl(329, 35%, 56%)
HSB
hsb(329, 43%, 71%)
CMYK
cmyk(0%, 43%, 21%, 29%)
Oklch
oklch(61.4% 0.111 348.8)

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

#7C4157

Dark Violet · DimGray · Camellia

HEX
#7C4157
RGB
rgb(124, 65, 87)
HSL
hsl(338, 31%, 37%)
HSB
hsb(338, 48%, 49%)
CMYK
cmyk(0%, 48%, 30%, 51%)
Oklch
oklch(45.5% 0.086 357.3)

Traditional「Dark Violet」· Paint「Camellia」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E3EBB0
B9B1EC

Analogous

ECD6B1
E3EBB0
C7ECB1

Triadic

E3EBB0
B1E4EC
ECB1E4

Split-Comp.

E3EBB0
B1C7EC
D6B1EC

Tetradic

E3EBB0
B1ECD6
B9B1EC
ECB1C7

Contrast Matrix WCAG 2.1 Contrast

E3EBB0
E3CE35
FB7A02
B5678F
7C4157
—
1.3
Fail
2.1
Fail
3.2
AA Large
6.1
AA
1.3
Fail
—
1.7
Fail
2.5
Fail
4.8
AA
2.1
Fail
1.7
Fail
—
1.5
Fail
2.9
Fail
3.2
AA Large
2.5
Fail
1.5
Fail
—
1.9
Fail
6.1
AA
4.8
AA
2.9
Fail
1.9
Fail
—
White BG
1.3Fail
1.6Fail
2.7Fail
4.0AA Large
7.6AAA
Black BG
16.8AAA
13.1AAA
7.9AAA
5.3AA
2.8Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

E6E7BE
DADA5A
C3C21F
939385
626252

Deuteranopia

E6E5C2
DBDD63
CBD426
989E83
666A50

Tritanopia

E3CACC
E2777E
F5363B
B17E7C
794D4D

Achromatopsia

E2E2E2
C3C3C3
939393
838383
555555

Shades & Tints Shades & Tints

#E3EBB0

Dark
Light

#E3CE35

Dark
Light

#FB7A02

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e3ebb0;
  --color-2: #e3ce35;
  --color-3: #fb7a02;
  --color-4: #b5678f;
  --color-5: #7c4157;
}

SCSS

$color-1: #e3ebb0;
$color-2: #e3ce35;
$color-3: #fb7a02;
$color-4: #b5678f;
$color-5: #7c4157;

TAILWIND

colors: {
  'brand-1': '#e3ebb0',
  'brand-2': '#e3ce35',
  'brand-3': '#fb7a02',
  'brand-4': '#b5678f',
  'brand-5': '#7c4157',
}

RGB Array

[227, 235, 176], [227, 206, 53], [251, 122, 2], [181, 103, 143], [124, 65, 87]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E3EBB0, #E3CE35, #FB7A02, #B5678F, #7C4157 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: #e3ebb0; --color-2: #e3ce35; --color-3: #fb7a02; --color-4: #b5678f; --color-5: #7c4157. 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