← Back to Editor

#F2ECB0 · #EBB667 · #D65C56 · #823C3C · #1B1C26

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

#F2ECB0

Fresh Green · Wheat · Lemon Cream

HEX
#F2ECB0
RGB
rgb(242, 236, 176)
HSL
hsl(55, 72%, 82%)
HSB
hsb(55, 27%, 95%)
CMYK
cmyk(0%, 2%, 27%, 5%)
Oklch
oklch(93.4% 0.077 103.0)

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

#EBB667

Ginger · SandyBrown · Warm Sun

HEX
#EBB667
RGB
rgb(235, 182, 103)
HSL
hsl(36, 77%, 66%)
HSB
hsb(36, 56%, 92%)
CMYK
cmyk(0%, 23%, 56%, 8%)
Oklch
oklch(80.9% 0.115 75.9)

Traditional「Ginger」· Paint「Warm Sun」· Creative Honey Glow

#D65C56

Vermilion · Tomato · Passion Red

HEX
#D65C56
RGB
rgb(214, 92, 86)
HSL
hsl(3, 61%, 59%)
HSB
hsb(3, 60%, 84%)
CMYK
cmyk(0%, 57%, 60%, 16%)
Oklch
oklch(62.8% 0.155 25.4)

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

#823C3C

Crimson · Sienna · Wine Red

HEX
#823C3C
RGB
rgb(130, 60, 60)
HSL
hsl(0, 37%, 37%)
HSB
hsb(0, 54%, 51%)
CMYK
cmyk(0%, 54%, 54%, 49%)
Oklch
oklch(44.8% 0.097 21.7)

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

#1B1C26

Indigo · Black · Deep Sea Blue

HEX
#1B1C26
RGB
rgb(27, 28, 38)
HSL
hsl(235, 17%, 13%)
HSB
hsb(235, 29%, 15%)
CMYK
cmyk(29%, 26%, 0%, 85%)
Oklch
oklch(23.0% 0.019 280.3)

Traditional「Indigo」· Paint「Deep Sea Blue」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F2ECB0
B0B6F2

Analogous

F2CCB0
F2ECB0
D7F2B0

Triadic

F2ECB0
B0F2ED
EDB0F2

Split-Comp.

F2ECB0
B0D7F2
CCB0F2

Tetradic

F2ECB0
B0F2CC
B0B6F2
F2B0D7

Contrast Matrix WCAG 2.1 Contrast

F2ECB0
EBB667
D65C56
823C3C
1B1C26
—
1.5
Fail
3.1
AA Large
6.5
AA
14.0
AAA
1.5
Fail
—
2.1
Fail
4.3
AA Large
9.2
AAA
3.1
AA Large
2.1
Fail
—
2.1
Fail
4.5
AA Large
6.5
AA
4.3
AA Large
2.1
Fail
—
2.1
Fail
14.0
AAA
9.2
AAA
4.5
AA Large
2.1
Fail
—
White BG
1.2Fail
1.8Fail
3.8AA Large
7.9AAA
16.9AAA
Black BG
17.4AAA
11.4AAA
5.5AA
2.7Fail
1.2Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

EFEFBF
D4D47A
A1A057
64633C
1B1B24

Deuteranopia

F0F0C2
D7DB7F
A8B158
686D3C
1B1B23

Tritanopia

F2CACD
E8898D
D05959
7F3C3C
1B2221

Achromatopsia

E7E7E7
BDBDBD
808080
515151
1D1D1D

Shades & Tints Shades & Tints

#F2ECB0

Dark
Light

#EBB667

Dark
Light

#D65C56

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f2ecb0;
  --color-2: #ebb667;
  --color-3: #d65c56;
  --color-4: #823c3c;
  --color-5: #1b1c26;
}

SCSS

$color-1: #f2ecb0;
$color-2: #ebb667;
$color-3: #d65c56;
$color-4: #823c3c;
$color-5: #1b1c26;

TAILWIND

colors: {
  'brand-1': '#f2ecb0',
  'brand-2': '#ebb667',
  'brand-3': '#d65c56',
  'brand-4': '#823c3c',
  'brand-5': '#1b1c26',
}

RGB Array

[242, 236, 176], [235, 182, 103], [214, 92, 86], [130, 60, 60], [27, 28, 38]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #F2ECB0, #EBB667, #D65C56, #823C3C, #1B1C26 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: #f2ecb0; --color-2: #ebb667; --color-3: #d65c56; --color-4: #823c3c; --color-5: #1b1c26. 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