← Back to Editor

#746685 · #A1A5AC · #AFCBBE · #FAECCF · #E1E1C2

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

WorkspaceReadingData Visualization

Color Details Color Details

#746685

Deep Indigo · SlateGray · Violet

HEX
#746685
RGB
rgb(116, 102, 133)
HSL
hsl(267, 13%, 46%)
HSB
hsb(267, 23%, 52%)
CMYK
cmyk(13%, 23%, 0%, 48%)
Oklch
oklch(53.5% 0.050 305.3)

Traditional「Deep Indigo」· Paint「Violet」· Creative Blush Sunrise

#A1A5AC

Ash · DarkGray · Silver Sand

HEX
#A1A5AC
RGB
rgb(161, 165, 172)
HSL
hsl(218, 6%, 65%)
HSB
hsb(218, 6%, 67%)
CMYK
cmyk(6%, 4%, 0%, 33%)
Oklch
oklch(72.1% 0.011 261.8)

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

#AFCBBE

Jade · Silver · Apple Green

HEX
#AFCBBE
RGB
rgb(175, 203, 190)
HSL
hsl(152, 21%, 74%)
HSB
hsb(152, 14%, 80%)
CMYK
cmyk(14%, 0%, 6%, 20%)
Oklch
oklch(81.8% 0.035 165.8)

Traditional「Jade」· Paint「Apple Green」· Creative Arctic Pool

#FAECCF

Goose Yellow · Bisque · Lemon Cream

HEX
#FAECCF
RGB
rgb(250, 236, 207)
HSL
hsl(40, 81%, 90%)
HSB
hsb(40, 17%, 98%)
CMYK
cmyk(0%, 6%, 17%, 2%)
Oklch
oklch(94.7% 0.041 85.3)

Traditional「Goose Yellow」· Paint「Lemon Cream」· Creative Lemon Fizz

#E1E1C2

Fresh Green · Wheat · Lemon Cream

HEX
#E1E1C2
RGB
rgb(225, 225, 194)
HSL
hsl(60, 34%, 82%)
HSB
hsb(60, 14%, 88%)
CMYK
cmyk(0%, 0%, 14%, 12%)
Oklch
oklch(90.2% 0.041 107.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

746685
778566

Analogous

666885
746685
836685

Triadic

746685
857466
668574

Split-Comp.

746685
858366
688566

Tetradic

746685
856668
778566
668583

Contrast Matrix WCAG 2.1 Contrast

746685
A1A5AC
AFCBBE
FAECCF
E1E1C2
—
2.1
Fail
3.0
AA Large
4.5
AA
4.0
AA Large
2.1
Fail
—
1.4
Fail
2.1
Fail
1.9
Fail
3.0
AA Large
1.4
Fail
—
1.5
Fail
1.3
Fail
4.5
AA
2.1
Fail
1.5
Fail
—
1.1
Fail
4.0
AA Large
1.9
Fail
1.3
Fail
1.1
Fail
—
White BG
5.3AA
2.5Fail
1.7Fail
1.2Fail
1.3Fail
Black BG
4.0AA Large
8.5AAA
12.1AAA
18.0AAA
15.8AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

6E6E7D
A3A3AA
BBBBC1
F4F4D6
E1E1CA

Deuteranopia

6F707C
A3A2AA
BAB7C2
F5F6D8
E1E1CB

Tritanopia

737876
A1A9A9
B0C4C4
F9DCDD
E1CFD1

Achromatopsia

6E6E6E
A5A5A5
C1C1C1
EDEDED
DDDDDD

Shades & Tints Shades & Tints

#746685

Dark
Light

#A1A5AC

Dark
Light

#AFCBBE

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #746685;
  --color-2: #a1a5ac;
  --color-3: #afcbbe;
  --color-4: #faeccf;
  --color-5: #e1e1c2;
}

SCSS

$color-1: #746685;
$color-2: #a1a5ac;
$color-3: #afcbbe;
$color-4: #faeccf;
$color-5: #e1e1c2;

TAILWIND

colors: {
  'brand-1': '#746685',
  'brand-2': '#a1a5ac',
  'brand-3': '#afcbbe',
  'brand-4': '#faeccf',
  'brand-5': '#e1e1c2',
}

RGB Array

[116, 102, 133], [161, 165, 172], [175, 203, 190], [250, 236, 207], [225, 225, 194]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #746685, #A1A5AC, #AFCBBE, #FAECCF, #E1E1C2 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: #746685; --color-2: #a1a5ac; --color-3: #afcbbe; --color-4: #faeccf; --color-5: #e1e1c2. 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 general-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