← Back to Editor

#7A95C3 · #94AAC6 · #A8BECC · #BEC2C7 · #D5C2B8

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

#7A95C3

Azure · LightSlateGray · Cobalt Blue

HEX
#7A95C3
RGB
rgb(122, 149, 195)
HSL
hsl(218, 38%, 62%)
HSB
hsb(218, 37%, 76%)
CMYK
cmyk(37%, 24%, 0%, 24%)
Oklch
oklch(66.7% 0.075 260.9)

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

#94AAC6

Azure · DarkGray · Cobalt Blue

HEX
#94AAC6
RGB
rgb(148, 170, 198)
HSL
hsl(214, 30%, 68%)
HSB
hsb(214, 25%, 78%)
CMYK
cmyk(25%, 14%, 0%, 22%)
Oklch
oklch(73.1% 0.048 254.6)

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

#A8BECC

Sky Blue · LightSteelBlue · Cobalt Blue

HEX
#A8BECC
RGB
rgb(168, 190, 204)
HSL
hsl(203, 26%, 73%)
HSB
hsb(203, 18%, 80%)
CMYK
cmyk(18%, 7%, 0%, 20%)
Oklch
oklch(78.9% 0.031 235.8)

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

#BEC2C7

Silver Gray · Silver · Pearl Gray

HEX
#BEC2C7
RGB
rgb(190, 194, 199)
HSL
hsl(213, 7%, 76%)
HSB
hsb(213, 5%, 78%)
CMYK
cmyk(5%, 3%, 0%, 22%)
Oklch
oklch(81.2% 0.008 253.9)

Traditional「Silver Gray」· Paint「Pearl Gray」· Creative Silver Lining

#D5C2B8

Apricot · Silver · Peach Orange

HEX
#D5C2B8
RGB
rgb(213, 194, 184)
HSL
hsl(21, 26%, 78%)
HSB
hsb(21, 14%, 84%)
CMYK
cmyk(0%, 9%, 14%, 16%)
Oklch
oklch(82.7% 0.026 49.7)

Traditional「Apricot」· Paint「Peach Orange」· Creative Honey Glow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

7A95C3
C3A879

Analogous

79B9C3
7A95C3
8379C3

Triadic

7A95C3
C37994
94C379

Split-Comp.

7A95C3
C38379
B9C379

Tetradic

7A95C3
C379B9
C3A879
79C383

Contrast Matrix WCAG 2.1 Contrast

7A95C3
94AAC6
A8BECC
BEC2C7
D5C2B8
—
1.3
Fail
1.6
Fail
1.7
Fail
1.8
Fail
1.3
Fail
—
1.2
Fail
1.3
Fail
1.4
Fail
1.6
Fail
1.2
Fail
—
1.1
Fail
1.1
Fail
1.7
Fail
1.3
Fail
1.1
Fail
—
1.0
Fail
1.8
Fail
1.4
Fail
1.1
Fail
1.0
Fail
—
White BG
3.0AA Large
2.4Fail
1.9Fail
1.8Fail
1.7Fail
Black BG
6.9AA
8.8AAA
10.9AAA
11.7AAA
12.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

8686B8
9E9EBF
B2B2C9
C0C0C6
CDCDBA

Deuteranopia

8482B5
9C9BBE
B0AFC8
C0BFC5
CECFBB

Tritanopia

7BAFAD
95BAB9
A9C6C5
BEC5C5
D4BCBD

Achromatopsia

929292
A7A7A7
B9B9B9
C1C1C1
C7C7C7

Shades & Tints Shades & Tints

#7A95C3

Dark
Light

#94AAC6

Dark
Light

#A8BECC

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #7a95c3;
  --color-2: #94aac6;
  --color-3: #a8becc;
  --color-4: #bec2c7;
  --color-5: #d5c2b8;
}

SCSS

$color-1: #7a95c3;
$color-2: #94aac6;
$color-3: #a8becc;
$color-4: #bec2c7;
$color-5: #d5c2b8;

TAILWIND

colors: {
  'brand-1': '#7a95c3',
  'brand-2': '#94aac6',
  'brand-3': '#a8becc',
  'brand-4': '#bec2c7',
  'brand-5': '#d5c2b8',
}

RGB Array

[122, 149, 195], [148, 170, 198], [168, 190, 204], [190, 194, 199], [213, 194, 184]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #7A95C3, #94AAC6, #A8BECC, #BEC2C7, #D5C2B8 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: #7a95c3; --color-2: #94aac6; --color-3: #a8becc; --color-4: #bec2c7; --color-5: #d5c2b8. 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 general-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