← Back to Editor

#51210B · #2EA9BB · #E59DA0 · #E3DBC8 · #F3E8D4

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

#51210B

Tangerine · Maroon · Cinnamon

HEX
#51210B
RGB
rgb(81, 33, 11)
HSL
hsl(19, 76%, 18%)
HSB
hsb(19, 86%, 32%)
CMYK
cmyk(0%, 59%, 86%, 68%)
Oklch
oklch(31.4% 0.079 42.9)

Traditional「Tangerine」· Paint「Cinnamon」· Creative Blush Sunrise

#2EA9BB

Lake Blue · LightSeaGreen · Mint Ice

HEX
#2EA9BB
RGB
rgb(46, 169, 187)
HSL
hsl(188, 61%, 46%)
HSB
hsb(188, 75%, 73%)
CMYK
cmyk(75%, 10%, 0%, 27%)
Oklch
oklch(67.7% 0.106 209.6)

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

#E59DA0

Peach Pink · Tan · Coral Red

HEX
#E59DA0
RGB
rgb(229, 157, 160)
HSL
hsl(358, 58%, 76%)
HSB
hsb(358, 31%, 90%)
CMYK
cmyk(0%, 31%, 30%, 10%)
Oklch
oklch(76.7% 0.086 16.5)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

#E3DBC8

Goose Yellow · LightGray · Lemon Cream

HEX
#E3DBC8
RGB
rgb(227, 219, 200)
HSL
hsl(42, 33%, 84%)
HSB
hsb(42, 12%, 89%)
CMYK
cmyk(0%, 4%, 12%, 11%)
Oklch
oklch(89.3% 0.027 87.9)

Traditional「Goose Yellow」· Paint「Lemon Cream」· Creative Lemon Fizz

#F3E8D4

Goose Yellow · Beige · Peach Orange

HEX
#F3E8D4
RGB
rgb(243, 232, 212)
HSL
hsl(39, 56%, 89%)
HSB
hsb(39, 13%, 95%)
CMYK
cmyk(0%, 5%, 13%, 5%)
Oklch
oklch(93.4% 0.029 82.6)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

51210B
0B3B51

Analogous

510B18
51210B
51440B

Triadic

51210B
0B5121
210B51

Split-Comp.

51210B
0B5144
0B1851

Tetradic

51210B
18510B
0B3B51
440B51

Contrast Matrix WCAG 2.1 Contrast

51210B
2EA9BB
E59DA0
E3DBC8
F3E8D4
—
4.8
AA
6.1
AA
9.7
AAA
11.0
AAA
4.8
AA
—
1.3
Fail
2.0
Fail
2.3
Fail
6.1
AA
1.3
Fail
—
1.6
Fail
1.8
Fail
9.7
AAA
2.0
Fail
1.6
Fail
—
1.1
Fail
11.0
AAA
2.3
Fail
1.8
Fail
1.1
Fail
—
White BG
13.4AAA
2.8Fail
2.2Fail
1.4Fail
1.2Fail
Black BG
1.6Fail
7.5AAA
9.7AAA
15.2AAA
17.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

3C3C10
6364B7
C6C59F
E0DFCD
EEEED9

Deuteranopia

3F4312
5C53B6
CACF9F
E0E1CE
EFF0DA

Tritanopia

4F1515
34B3B2
E19F9F
E3D0D1
F2DDDE

Achromatopsia

2D2D2D
868686
B3B3B3
DBDBDB
E9E9E9

Shades & Tints Shades & Tints

#51210B

Dark
Light

#2EA9BB

Dark
Light

#E59DA0

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #51210b;
  --color-2: #2ea9bb;
  --color-3: #e59da0;
  --color-4: #e3dbc8;
  --color-5: #f3e8d4;
}

SCSS

$color-1: #51210b;
$color-2: #2ea9bb;
$color-3: #e59da0;
$color-4: #e3dbc8;
$color-5: #f3e8d4;

TAILWIND

colors: {
  'brand-1': '#51210b',
  'brand-2': '#2ea9bb',
  'brand-3': '#e59da0',
  'brand-4': '#e3dbc8',
  'brand-5': '#f3e8d4',
}

RGB Array

[81, 33, 11], [46, 169, 187], [229, 157, 160], [227, 219, 200], [243, 232, 212]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #51210B, #2EA9BB, #E59DA0, #E3DBC8, #F3E8D4 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: #51210b; --color-2: #2ea9bb; --color-3: #e59da0; --color-4: #e3dbc8; --color-5: #f3e8d4. 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