← Back to Editor

#E6F3C8 · #ABD5C7 · #E6AC6D · #E06043 · #513430

space

A 5-color space 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

#E6F3C8

Willow Green · Beige · Mint Green

HEX
#E6F3C8
RGB
rgb(230, 243, 200)
HSL
hsl(78, 64%, 87%)
HSB
hsb(78, 18%, 95%)
CMYK
cmyk(5%, 0%, 18%, 5%)
Oklch
oklch(94.3% 0.058 121.2)

Traditional「Willow Green」· Paint「Mint Green」· Creative Mint Breeze

#ABD5C7

Jade · LightSteelBlue · Lake Green

HEX
#ABD5C7
RGB
rgb(171, 213, 199)
HSL
hsl(160, 33%, 75%)
HSB
hsb(160, 20%, 84%)
CMYK
cmyk(20%, 0%, 7%, 16%)
Oklch
oklch(83.9% 0.048 172.8)

Traditional「Jade」· Paint「Lake Green」· Creative Arctic Pool

#E6AC6D

Ginger · SandyBrown · Warm Sun

HEX
#E6AC6D
RGB
rgb(230, 172, 109)
HSL
hsl(31, 71%, 66%)
HSB
hsb(31, 53%, 90%)
CMYK
cmyk(0%, 25%, 53%, 10%)
Oklch
oklch(78.5% 0.105 67.6)

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

#E06043

Vermilion · Tomato · Passion Red

HEX
#E06043
RGB
rgb(224, 96, 67)
HSL
hsl(11, 72%, 57%)
HSB
hsb(11, 70%, 88%)
CMYK
cmyk(0%, 57%, 70%, 12%)
Oklch
oklch(64.5% 0.166 34.2)

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

#513430

Crimson · DarkSlateGray · Wine Red

HEX
#513430
RGB
rgb(81, 52, 48)
HSL
hsl(7, 26%, 25%)
HSB
hsb(7, 41%, 32%)
CMYK
cmyk(0%, 36%, 41%, 68%)
Oklch
oklch(35.8% 0.043 28.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E6F3C8
D5C9F3

Analogous

F3EBC9
E6F3C8
D1F3C9

Triadic

E6F3C8
C9E6F3
F3C9E6

Split-Comp.

E6F3C8
C9D1F3
EBC9F3

Tetradic

E6F3C8
C9F3EB
D5C9F3
F3C9D1

Contrast Matrix WCAG 2.1 Contrast

E6F3C8
ABD5C7
E6AC6D
E06043
513430
—
1.4
Fail
1.7
Fail
3.0
AA Large
9.6
AAA
1.4
Fail
—
1.2
Fail
2.2
Fail
6.9
AA
1.7
Fail
1.2
Fail
—
1.8
Fail
5.6
AA
3.0
AA Large
2.2
Fail
1.8
Fail
—
3.1
AA Large
9.6
AAA
6.9
AA
5.6
AA
3.1
AA Large
—
White BG
1.2Fail
1.6Fail
2.0Fail
3.5AA Large
11.1AAA
Black BG
18.0AAA
13.1AAA
10.5AAA
5.9AA
1.9Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

ECECD2
BDBECA
CDCC7C
A9A74A
444431

Deuteranopia

EBEAD5
BBB8CB
D0D580
B0BA4C
464831

Tritanopia

E7DBDC
ADCDCE
E3888B
DA5051
503232

Achromatopsia

EAEAEA
C7C7C7
B6B6B6
838383
3C3C3C

Shades & Tints Shades & Tints

#E6F3C8

Dark
Light

#ABD5C7

Dark
Light

#E6AC6D

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e6f3c8;
  --color-2: #abd5c7;
  --color-3: #e6ac6d;
  --color-4: #e06043;
  --color-5: #513430;
}

SCSS

$color-1: #e6f3c8;
$color-2: #abd5c7;
$color-3: #e6ac6d;
$color-4: #e06043;
$color-5: #513430;

TAILWIND

colors: {
  'brand-1': '#e6f3c8',
  'brand-2': '#abd5c7',
  'brand-3': '#e6ac6d',
  'brand-4': '#e06043',
  'brand-5': '#513430',
}

RGB Array

[230, 243, 200], [171, 213, 199], [230, 172, 109], [224, 96, 67], [81, 52, 48]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This space-style palette of #E6F3C8, #ABD5C7, #E6AC6D, #E06043, #513430 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: #e6f3c8; --color-2: #abd5c7; --color-3: #e6ac6d; --color-4: #e06043; --color-5: #513430. 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 space-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