← Back to Editor

#7A7D9F · #AC8FA7 · #BDA5A1 · #C5C49D · #C0D9B7

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

WorkspaceReading

Color Details Color Details

#7A7D9F

Azure · LightSlateGray · Navy Blue

HEX
#7A7D9F
RGB
rgb(122, 125, 159)
HSL
hsl(235, 16%, 55%)
HSB
hsb(235, 23%, 62%)
CMYK
cmyk(23%, 21%, 0%, 38%)
Oklch
oklch(60.0% 0.052 280.8)

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

#AC8FA7

Mauve · DarkGray · Lilac Purple

HEX
#AC8FA7
RGB
rgb(172, 143, 167)
HSL
hsl(310, 15%, 62%)
HSB
hsb(310, 17%, 67%)
CMYK
cmyk(0%, 17%, 3%, 33%)
Oklch
oklch(68.4% 0.048 332.0)

Traditional「Mauve」· Paint「Lilac Purple」· Creative Rose Petal

#BDA5A1

Peach Pink · DarkGray · Coral Red

HEX
#BDA5A1
RGB
rgb(189, 165, 161)
HSL
hsl(9, 18%, 69%)
HSB
hsb(9, 15%, 74%)
CMYK
cmyk(0%, 13%, 15%, 26%)
Oklch
oklch(74.2% 0.029 29.0)

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

#C5C49D

Fresh Green · Tan · Sunflower

HEX
#C5C49D
RGB
rgb(197, 196, 157)
HSL
hsl(59, 26%, 69%)
HSB
hsb(59, 20%, 77%)
CMYK
cmyk(0%, 1%, 20%, 23%)
Oklch
oklch(81.1% 0.053 106.3)

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

#C0D9B7

Celadon · Silver · Apple Green

HEX
#C0D9B7
RGB
rgb(192, 217, 183)
HSL
hsl(104, 31%, 78%)
HSB
hsb(104, 16%, 85%)
CMYK
cmyk(12%, 0%, 16%, 15%)
Oklch
oklch(85.8% 0.053 137.4)

Traditional「Celadon」· Paint「Apple Green」· Creative Mint Breeze

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

7A7D9F
9F9C7A

Analogous

7A8F9F
7A7D9F
897A9F

Triadic

7A7D9F
9F7A7D
7D9F7A

Split-Comp.

7A7D9F
9F897A
8F9F7A

Tetradic

7A7D9F
9F7A8F
9F9C7A
7A9F89

Contrast Matrix WCAG 2.1 Contrast

7A7D9F
AC8FA7
BDA5A1
C5C49D
C0D9B7
—
1.4
Fail
1.7
Fail
2.2
Fail
2.6
Fail
1.4
Fail
—
1.3
Fail
1.6
Fail
1.9
Fail
1.7
Fail
1.3
Fail
—
1.3
Fail
1.5
Fail
2.2
Fail
1.6
Fail
1.3
Fail
—
1.2
Fail
2.6
Fail
1.9
Fail
1.5
Fail
1.2
Fail
—
White BG
4.0AA Large
2.9Fail
2.3Fail
1.8Fail
1.5Fail
Black BG
5.3AA
7.2AAA
9.1AAA
11.8AAA
13.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

7B7B97
9F9FA1
B3B2A2
C5C5A6
CBCBBF

Deuteranopia

7B7B95
A1A3A0
B4B6A2
C5C5A9
C9C7C1

Tritanopia

7A908F
AB9D9C
BCA3A3
C5AEB0
C1C6C7

Achromatopsia

808080
9A9A9A
ACACAC
C0C0C0
CECECE

Shades & Tints Shades & Tints

#7A7D9F

Dark
Light

#AC8FA7

Dark
Light

#BDA5A1

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #7a7d9f;
  --color-2: #ac8fa7;
  --color-3: #bda5a1;
  --color-4: #c5c49d;
  --color-5: #c0d9b7;
}

SCSS

$color-1: #7a7d9f;
$color-2: #ac8fa7;
$color-3: #bda5a1;
$color-4: #c5c49d;
$color-5: #c0d9b7;

TAILWIND

colors: {
  'brand-1': '#7a7d9f',
  'brand-2': '#ac8fa7',
  'brand-3': '#bda5a1',
  'brand-4': '#c5c49d',
  'brand-5': '#c0d9b7',
}

RGB Array

[122, 125, 159], [172, 143, 167], [189, 165, 161], [197, 196, 157], [192, 217, 183]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This space-style palette of #7A7D9F, #AC8FA7, #BDA5A1, #C5C49D, #C0D9B7 is ideal for: brand design, premium product pages, magazine layouts, health products, baby brands, fresh-style blogs. 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: #7a7d9f; --color-2: #ac8fa7; --color-3: #bda5a1; --color-4: #c5c49d; --color-5: #c0d9b7. 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. 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 beauty, lifestyle, arts 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