← Back to Editor

#698691 · #7D707D · #BF828B · #DB9391 · #D9AE9A

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 Library

Color Details Color Details

#698691

Slate Blue · SlateGray · Mint Ice

HEX
#698691
RGB
rgb(105, 134, 145)
HSL
hsl(196, 16%, 49%)
HSB
hsb(196, 28%, 57%)
CMYK
cmyk(28%, 8%, 0%, 43%)
Oklch
oklch(60.2% 0.037 223.0)

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

#7D707D

Ink Gray · Gray · Warm Gray

HEX
#7D707D
RGB
rgb(125, 112, 125)
HSL
hsl(300, 5%, 46%)
HSB
hsb(300, 10%, 49%)
CMYK
cmyk(0%, 10%, 0%, 51%)
Oklch
oklch(56.1% 0.025 325.9)

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

#BF828B

Peach Pink · DarkSalmon · Coral Red

HEX
#BF828B
RGB
rgb(191, 130, 139)
HSL
hsl(351, 32%, 63%)
HSB
hsb(351, 32%, 75%)
CMYK
cmyk(0%, 32%, 27%, 25%)
Oklch
oklch(67.1% 0.076 9.6)

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

#DB9391

Peach Pink · DarkSalmon · Coral Red

HEX
#DB9391
RGB
rgb(219, 147, 145)
HSL
hsl(2, 51%, 71%)
HSB
hsb(2, 34%, 86%)
CMYK
cmyk(0%, 33%, 34%, 14%)
Oklch
oklch(73.4% 0.088 21.2)

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

#D9AE9A

Apricot · Tan · Warm Sun

HEX
#D9AE9A
RGB
rgb(217, 174, 154)
HSL
hsl(19, 45%, 73%)
HSB
hsb(19, 29%, 85%)
CMYK
cmyk(0%, 20%, 29%, 15%)
Oklch
oklch(78.4% 0.058 46.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

698691
917469

Analogous

699188
698691
697291

Triadic

698691
916986
869169

Split-Comp.

698691
916972
918869

Tetradic

698691
886991
917469
729169

Contrast Matrix WCAG 2.1 Contrast

698691
7D707D
BF828B
DB9391
D9AE9A
—
1.2
Fail
1.3
Fail
1.6
Fail
1.9
Fail
1.2
Fail
—
1.5
Fail
1.9
Fail
2.3
Fail
1.3
Fail
1.5
Fail
—
1.3
Fail
1.5
Fail
1.6
Fail
1.9
Fail
1.3
Fail
—
1.2
Fail
1.9
Fail
2.3
Fail
1.5
Fail
1.2
Fail
—
White BG
3.9AA Large
4.7AA
3.1AA Large
2.4Fail
2.0Fail
Black BG
5.4AA
4.5AA Large
6.8AA
8.6AAA
10.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

76768E
77777A
A5A489
BCBB91
C6C69F

Deuteranopia

74728E
787979
A8AD88
C0C592
C9CCA0

Tritanopia

6A8C8C
7C7777
BC8787
D79292
D7A3A4

Achromatopsia

7F7F7F
757575
959595
A8A8A8
B9B9B9

Shades & Tints Shades & Tints

#698691

Dark
Light

#7D707D

Dark
Light

#BF828B

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #698691;
  --color-2: #7d707d;
  --color-3: #bf828b;
  --color-4: #db9391;
  --color-5: #d9ae9a;
}

SCSS

$color-1: #698691;
$color-2: #7d707d;
$color-3: #bf828b;
$color-4: #db9391;
$color-5: #d9ae9a;

TAILWIND

colors: {
  'brand-1': '#698691',
  'brand-2': '#7d707d',
  'brand-3': '#bf828b',
  'brand-4': '#db9391',
  'brand-5': '#d9ae9a',
}

RGB Array

[105, 134, 145], [125, 112, 125], [191, 130, 139], [219, 147, 145], [217, 174, 154]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This space-style palette of #698691, #7D707D, #BF828B, #DB9391, #D9AE9A is ideal for: brand design, premium product pages, magazine layouts. Low-saturation colors convey a sophisticated, premium feel. It is a classic and elegant choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #698691; --color-2: #7d707d; --color-3: #bf828b; --color-4: #db9391; --color-5: #d9ae9a. 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. 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. Restrained colors convey professionalism and trust. 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