← Back to Editor

#A8C4D9 · #E3D6DF · #EA6D7D · #E25973 · #925368

space

A 5-color space palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReadingData Visualization

Color Details Color Details

#A8C4D9

Sky Blue · LightSteelBlue · Cobalt Blue

HEX
#A8C4D9
RGB
rgb(168, 196, 217)
HSL
hsl(206, 39%, 75%)
HSB
hsb(206, 23%, 85%)
CMYK
cmyk(23%, 10%, 0%, 15%)
Oklch
oklch(80.6% 0.042 240.5)

Traditional「Sky Blue」· Paint「Cobalt Blue」· Creative Twilight Haze

#E3D6DF

Mauve · LightGray · Lavender

HEX
#E3D6DF
RGB
rgb(227, 214, 223)
HSL
hsl(318, 19%, 86%)
HSB
hsb(318, 6%, 89%)
CMYK
cmyk(0%, 6%, 2%, 11%)
Oklch
oklch(88.9% 0.019 336.6)

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

#EA6D7D

Peach Pink · LightCoral · Coral Red

HEX
#EA6D7D
RGB
rgb(234, 109, 125)
HSL
hsl(352, 75%, 67%)
HSB
hsb(352, 53%, 92%)
CMYK
cmyk(0%, 53%, 47%, 8%)
Oklch
oklch(68.8% 0.155 14.2)

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

#E25973

Peach Pink · LightCoral · Coral Red

HEX
#E25973
RGB
rgb(226, 89, 115)
HSL
hsl(349, 70%, 62%)
HSB
hsb(349, 61%, 89%)
CMYK
cmyk(0%, 61%, 49%, 11%)
Oklch
oklch(64.8% 0.171 11.7)

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

#925368

Dark Violet · DimGray · Camellia

HEX
#925368
RGB
rgb(146, 83, 104)
HSL
hsl(340, 28%, 45%)
HSB
hsb(340, 43%, 57%)
CMYK
cmyk(0%, 43%, 29%, 43%)
Oklch
oklch(52.2% 0.088 359.2)

Traditional「Dark Violet」· Paint「Camellia」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

A8C4D9
D8BCA6

Analogous

A6D8D5
A8C4D9
A6AAD8

Triadic

A8C4D9
D8A6C3
C3D8A6

Split-Comp.

A8C4D9
D8A6AA
D8D5A6

Tetradic

A8C4D9
D5A6D8
D8BCA6
AAD8A6

Contrast Matrix WCAG 2.1 Contrast

A8C4D9
E3D6DF
EA6D7D
E25973
925368
—
1.3
Fail
1.7
Fail
2.0
Fail
3.2
AA Large
1.3
Fail
—
2.1
Fail
2.5
Fail
4.1
AA Large
1.7
Fail
2.1
Fail
—
1.2
Fail
1.9
Fail
2.0
Fail
2.5
Fail
1.2
Fail
—
1.6
Fail
3.2
AA Large
4.1
AA Large
1.9
Fail
1.6
Fail
—
White BG
1.8Fail
1.4Fail
3.0AA Large
3.6AA Large
5.7AA
Black BG
11.6AAA
15.0AAA
7.0AA
5.9AA
3.7AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

B4B4D4
DDDDDD
B4B379
A7A56D
777663

Deuteranopia

B3B0D3
DEDFDC
BBC478
AFB96B
7A7F62

Tritanopia

A9D0CF
E2DBDB
E47675
DB6867
8F5F5E

Achromatopsia

BEBEBE
DBDBDB
949494
858585
686868

Shades & Tints Shades & Tints

#A8C4D9

Dark
Light

#E3D6DF

Dark
Light

#EA6D7D

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #a8c4d9;
  --color-2: #e3d6df;
  --color-3: #ea6d7d;
  --color-4: #e25973;
  --color-5: #925368;
}

SCSS

$color-1: #a8c4d9;
$color-2: #e3d6df;
$color-3: #ea6d7d;
$color-4: #e25973;
$color-5: #925368;

TAILWIND

colors: {
  'brand-1': '#a8c4d9',
  'brand-2': '#e3d6df',
  'brand-3': '#ea6d7d',
  'brand-4': '#e25973',
  'brand-5': '#925368',
}

RGB Array

[168, 196, 217], [227, 214, 223], [234, 109, 125], [226, 89, 115], [146, 83, 104]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This space-style palette of #A8C4D9, #E3D6DF, #EA6D7D, #E25973, #925368 is ideal for: health products, baby brands, fresh-style blogs, 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: #a8c4d9; --color-2: #e3d6df; --color-3: #ea6d7d; --color-4: #e25973; --color-5: #925368. 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?

Light tones suit backgrounds; use dark colors for body text. Mid-tones work for card backgrounds or dividers to add depth. 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