← Back to Editor

#11253C · #865757 · #E58772 · #E2B370 · #EFE3D1

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

#11253C

Indigo · MidnightBlue · Deep Sea Blue

HEX
#11253C
RGB
rgb(17, 37, 60)
HSL
hsl(212, 56%, 15%)
HSB
hsb(212, 72%, 24%)
CMYK
cmyk(72%, 38%, 0%, 76%)
Oklch
oklch(26.0% 0.051 253.2)

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

#865757

Crimson · DimGray · Passion Red

HEX
#865757
RGB
rgb(134, 87, 87)
HSL
hsl(0, 21%, 43%)
HSB
hsb(0, 35%, 53%)
CMYK
cmyk(0%, 35%, 35%, 47%)
Oklch
oklch(50.8% 0.063 19.5)

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

#E58772

Peach Pink · DarkSalmon · Coral Red

HEX
#E58772
RGB
rgb(229, 135, 114)
HSL
hsl(11, 69%, 67%)
HSB
hsb(11, 50%, 90%)
CMYK
cmyk(0%, 41%, 50%, 10%)
Oklch
oklch(71.9% 0.120 33.5)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

#E2B370

Ginger · BurlyWood · Warm Sun

HEX
#E2B370
RGB
rgb(226, 179, 112)
HSL
hsl(35, 66%, 66%)
HSB
hsb(35, 50%, 89%)
CMYK
cmyk(0%, 21%, 50%, 11%)
Oklch
oklch(79.5% 0.101 75.3)

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

#EFE3D1

Goose Yellow · Bisque · Peach Orange

HEX
#EFE3D1
RGB
rgb(239, 227, 209)
HSL
hsl(36, 48%, 88%)
HSB
hsb(36, 13%, 94%)
CMYK
cmyk(0%, 5%, 13%, 6%)
Oklch
oklch(92.1% 0.027 78.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

11253C
3C2811

Analogous

113A3C
11253C
12113C

Triadic

11253C
3C1125
253C11

Split-Comp.

11253C
3C1211
3A3C11

Tetradic

11253C
3C113A
3C2811
113C12

Contrast Matrix WCAG 2.1 Contrast

11253C
865757
E58772
E2B370
EFE3D1
—
2.6
Fail
5.9
AA
8.1
AAA
12.2
AAA
2.6
Fail
—
2.3
Fail
3.1
AA Large
4.7
AA
5.9
AA
2.3
Fail
—
1.4
Fail
2.1
Fail
8.1
AAA
3.1
AA Large
1.4
Fail
—
1.5
Fail
12.2
AAA
4.7
AA
2.1
Fail
1.5
Fail
—
White BG
15.5AAA
6.0AA
2.6Fail
1.9Fail
1.3Fail
Black BG
1.4Fail
3.5AA Large
8.0AAA
10.9AAA
16.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

1A1A36
727157
BCBB77
CECD80
EAEAD5

Deuteranopia

191735
747857
C2C978
D0D484
EBEBD6

Tritanopia

123231
845757
E07B7C
E08D90
EED9DA

Achromatopsia

222222
656565
A1A1A1
B9B9B9
E5E5E5

Shades & Tints Shades & Tints

#11253C

Dark
Light

#865757

Dark
Light

#E58772

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #11253c;
  --color-2: #865757;
  --color-3: #e58772;
  --color-4: #e2b370;
  --color-5: #efe3d1;
}

SCSS

$color-1: #11253c;
$color-2: #865757;
$color-3: #e58772;
$color-4: #e2b370;
$color-5: #efe3d1;

TAILWIND

colors: {
  'brand-1': '#11253c',
  'brand-2': '#865757',
  'brand-3': '#e58772',
  'brand-4': '#e2b370',
  'brand-5': '#efe3d1',
}

RGB Array

[17, 37, 60], [134, 87, 87], [229, 135, 114], [226, 179, 112], [239, 227, 209]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #11253C, #865757, #E58772, #E2B370, #EFE3D1 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: #11253c; --color-2: #865757; --color-3: #e58772; --color-4: #e2b370; --color-5: #efe3d1. 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