← Back to Editor

#426A72 · #838594 · #BE99B0 · #DEA9A1 · #E4C8A0

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

#426A72

Slate Blue · DimGray · Mint Ice

HEX
#426A72
RGB
rgb(66, 106, 114)
HSL
hsl(190, 27%, 35%)
HSB
hsb(190, 42%, 45%)
CMYK
cmyk(42%, 7%, 0%, 55%)
Oklch
oklch(49.8% 0.047 211.6)

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

#838594

Ash · LightSlateGray · Warm Gray

HEX
#838594
RGB
rgb(131, 133, 148)
HSL
hsl(233, 7%, 55%)
HSB
hsb(233, 11%, 58%)
CMYK
cmyk(11%, 10%, 0%, 42%)
Oklch
oklch(62.0% 0.023 279.7)

Traditional「Ash」· Paint「Warm Gray」· Creative Urban Concrete

#BE99B0

Mauve · DarkGray · Rose Pink

HEX
#BE99B0
RGB
rgb(190, 153, 176)
HSL
hsl(323, 22%, 67%)
HSB
hsb(323, 19%, 75%)
CMYK
cmyk(0%, 19%, 7%, 25%)
Oklch
oklch(72.4% 0.054 340.8)

Traditional「Mauve」· Paint「Rose Pink」· Creative Rose Petal

#DEA9A1

Peach Pink · Tan · Coral Red

HEX
#DEA9A1
RGB
rgb(222, 169, 161)
HSL
hsl(8, 48%, 75%)
HSB
hsb(8, 27%, 87%)
CMYK
cmyk(0%, 24%, 27%, 13%)
Oklch
oklch(78.2% 0.064 28.4)

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

#E4C8A0

Goose Yellow · BurlyWood · Peach Orange

HEX
#E4C8A0
RGB
rgb(228, 200, 160)
HSL
hsl(35, 56%, 76%)
HSB
hsb(35, 30%, 89%)
CMYK
cmyk(0%, 12%, 30%, 11%)
Oklch
oklch(84.7% 0.062 76.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

426A72
714941

Analogous

417161
426A72
415171

Triadic

426A72
714169
697141

Split-Comp.

426A72
714151
716141

Tetradic

426A72
614171
714941
517141

Contrast Matrix WCAG 2.1 Contrast

426A72
838594
BE99B0
DEA9A1
E4C8A0
—
1.6
Fail
2.4
Fail
2.9
Fail
3.7
AA Large
1.6
Fail
—
1.5
Fail
1.8
Fail
2.3
Fail
2.4
Fail
1.5
Fail
—
1.2
Fail
1.6
Fail
2.9
Fail
1.8
Fail
1.2
Fail
—
1.3
Fail
3.7
AA Large
2.3
Fail
1.6
Fail
1.3
Fail
—
White BG
5.9AA
3.7AA Large
2.5Fail
2.0Fail
1.6Fail
Black BG
3.5AA Large
5.7AA
8.4AAA
10.3AAA
13.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

535470
848490
AEAEAA
C7C7A3
D8D8AA

Deuteranopia

514E70
848490
B0B3A9
CACEA3
DADCAC

Tritanopia

446F6E
838E8D
BCA6A5
DBA4A5
E3B1B3

Achromatopsia

5F5F5F
868686
A7A7A7
B8B8B8
CCCCCC

Shades & Tints Shades & Tints

#426A72

Dark
Light

#838594

Dark
Light

#BE99B0

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #426a72;
  --color-2: #838594;
  --color-3: #be99b0;
  --color-4: #dea9a1;
  --color-5: #e4c8a0;
}

SCSS

$color-1: #426a72;
$color-2: #838594;
$color-3: #be99b0;
$color-4: #dea9a1;
$color-5: #e4c8a0;

TAILWIND

colors: {
  'brand-1': '#426a72',
  'brand-2': '#838594',
  'brand-3': '#be99b0',
  'brand-4': '#dea9a1',
  'brand-5': '#e4c8a0',
}

RGB Array

[66, 106, 114], [131, 133, 148], [190, 153, 176], [222, 169, 161], [228, 200, 160]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #426A72, #838594, #BE99B0, #DEA9A1, #E4C8A0 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: #426a72; --color-2: #838594; --color-3: #be99b0; --color-4: #dea9a1; --color-5: #e4c8a0. 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