← Back to Editor

#7289A8 · #F48675 · #F8F8EE · #B5ACB1 · #766D80

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

#7289A8

Azure · LightSlateGray · Navy Blue

HEX
#7289A8
RGB
rgb(114, 137, 168)
HSL
hsl(214, 24%, 55%)
HSB
hsb(214, 32%, 66%)
CMYK
cmyk(32%, 18%, 0%, 34%)
Oklch
oklch(62.4% 0.054 256.0)

Traditional「Azure」· Paint「Navy Blue」· Creative Blush Sunrise

#F48675

Peach Pink · Salmon · Coral Red

HEX
#F48675
RGB
rgb(244, 134, 117)
HSL
hsl(8, 85%, 71%)
HSB
hsb(8, 52%, 96%)
CMYK
cmyk(0%, 45%, 52%, 4%)
Oklch
oklch(73.7% 0.138 29.9)

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

#F8F8EE

Fresh Green · SeaShell · Lemon Cream

HEX
#F8F8EE
RGB
rgb(248, 248, 238)
HSL
hsl(60, 42%, 95%)
HSB
hsb(60, 4%, 97%)
CMYK
cmyk(0%, 0%, 4%, 3%)
Oklch
oklch(97.6% 0.013 106.6)

Traditional「Fresh Green」· Paint「Lemon Cream」· Creative Lemon Fizz

#B5ACB1

Ash · DarkGray · Silver Sand

HEX
#B5ACB1
RGB
rgb(181, 172, 177)
HSL
hsl(327, 6%, 69%)
HSB
hsb(327, 5%, 71%)
CMYK
cmyk(0%, 5%, 2%, 29%)
Oklch
oklch(75.3% 0.012 342.7)

Traditional「Ash」· Paint「Silver Sand」· Creative Urban Concrete

#766D80

Deep Indigo · Gray · Warm Gray

HEX
#766D80
RGB
rgb(118, 109, 128)
HSL
hsl(268, 8%, 46%)
HSB
hsb(268, 15%, 50%)
CMYK
cmyk(8%, 15%, 0%, 50%)
Oklch
oklch(55.0% 0.031 306.7)

Traditional「Deep Indigo」· Paint「Warm Gray」· Creative Urban Concrete

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

7289A8
A89071

Analogous

71A4A8
7289A8
7471A8

Triadic

7289A8
A87189
89A871

Split-Comp.

7289A8
A87471
A4A871

Tetradic

7289A8
A871A4
A89071
71A874

Contrast Matrix WCAG 2.1 Contrast

7289A8
F48675
F8F8EE
B5ACB1
766D80
—
1.5
Fail
3.4
AA Large
1.6
Fail
1.4
Fail
1.5
Fail
—
2.3
Fail
1.1
Fail
2.0
Fail
3.4
AA Large
2.3
Fail
—
2.1
Fail
4.6
AA
1.6
Fail
1.1
Fail
2.1
Fail
—
2.2
Fail
1.4
Fail
2.0
Fail
4.6
AA
2.2
Fail
—
White BG
3.6AA Large
2.5Fail
1.1Fail
2.2Fail
4.9AA
Black BG
5.9AA
8.5AAA
19.7AAA
9.5AAA
4.3AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

7C7CA0
C4C379
F8F8F0
B1B1B0
72727B

Deuteranopia

7B799F
CBD37A
F8F8F1
B2B2B0
73737A

Tritanopia

739B99
EE7C7D
F8F2F3
B5AFAF
767877

Achromatopsia

868686
A5A5A5
F7F7F7
AFAFAF
727272

Shades & Tints Shades & Tints

#7289A8

Dark
Light

#F48675

Dark
Light

#F8F8EE

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #7289a8;
  --color-2: #f48675;
  --color-3: #f8f8ee;
  --color-4: #b5acb1;
  --color-5: #766d80;
}

SCSS

$color-1: #7289a8;
$color-2: #f48675;
$color-3: #f8f8ee;
$color-4: #b5acb1;
$color-5: #766d80;

TAILWIND

colors: {
  'brand-1': '#7289a8',
  'brand-2': '#f48675',
  'brand-3': '#f8f8ee',
  'brand-4': '#b5acb1',
  'brand-5': '#766d80',
}

RGB Array

[114, 137, 168], [244, 134, 117], [248, 248, 238], [181, 172, 177], [118, 109, 128]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This space-style palette of #7289A8, #F48675, #F8F8EE, #B5ACB1, #766D80 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: #7289a8; --color-2: #f48675; --color-3: #f8f8ee; --color-4: #b5acb1; --color-5: #766d80. 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