← Back to Editor

#A4D0C1 · #A6BBAF · #BD9288 · #C75870 · #674554

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

#A4D0C1

Jade · Silver · Lake Green

HEX
#A4D0C1
RGB
rgb(164, 208, 193)
HSL
hsl(160, 32%, 73%)
HSB
hsb(160, 21%, 82%)
CMYK
cmyk(21%, 0%, 7%, 18%)
Oklch
oklch(82.2% 0.051 172.2)

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

#A6BBAF

Celadon · DarkGray · Apple Green

HEX
#A6BBAF
RGB
rgb(166, 187, 175)
HSL
hsl(146, 13%, 69%)
HSB
hsb(146, 11%, 73%)
CMYK
cmyk(11%, 0%, 6%, 27%)
Oklch
oklch(77.3% 0.029 160.7)

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

#BD9288

Peach Pink · Tan · Coral Red

HEX
#BD9288
RGB
rgb(189, 146, 136)
HSL
hsl(11, 29%, 64%)
HSB
hsb(11, 28%, 74%)
CMYK
cmyk(0%, 23%, 28%, 26%)
Oklch
oklch(69.8% 0.054 33.4)

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

#C75870

Crimson · LightCoral · Passion Red

HEX
#C75870
RGB
rgb(199, 88, 112)
HSL
hsl(347, 50%, 56%)
HSB
hsb(347, 56%, 78%)
CMYK
cmyk(0%, 56%, 44%, 22%)
Oklch
oklch(60.6% 0.143 8.9)

Traditional「Crimson」· Paint「Passion Red」· Creative Blush Sunrise

#674554

Dark Violet · DimGray · Camellia

HEX
#674554
RGB
rgb(103, 69, 84)
HSL
hsl(334, 20%, 34%)
HSB
hsb(334, 33%, 40%)
CMYK
cmyk(0%, 33%, 18%, 60%)
Oklch
oklch(43.4% 0.052 351.4)

Traditional「Dark Violet」· Paint「Camellia」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

A4D0C1
D0A4B3

Analogous

A4D0AB
A4D0C1
A4C9D0

Triadic

A4D0C1
C1A4D0
D0C1A4

Split-Comp.

A4D0C1
D0A4C9
D0ABA4

Tetradic

A4D0C1
ABA4D0
D0A4B3
C9D0A4

Contrast Matrix WCAG 2.1 Contrast

A4D0C1
A6BBAF
BD9288
C75870
674554
—
1.2
Fail
1.6
Fail
2.4
Fail
4.8
AA
1.2
Fail
—
1.4
Fail
2.0
Fail
4.0
AA Large
1.6
Fail
1.4
Fail
—
1.5
Fail
3.0
Fail
2.4
Fail
2.0
Fail
1.5
Fail
—
2.0
Fail
4.8
AA
4.0
AA Large
3.0
Fail
2.0
Fail
—
White BG
1.7Fail
2.0Fail
2.8Fail
4.2AA Large
8.2AAA
Black BG
12.4AAA
10.3AAA
7.6AAA
5.1AA
2.6Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

B7B7C5
AFAFB2
AAAA8A
97966A
585850

Deuteranopia

B5B1C6
AEACB3
ADB08B
9DA669
5A5D50

Tritanopia

A6C7C8
A7B4B5
BB8C8D
C16665
654E4D

Achromatopsia

C1C1C1
B3B3B3
9E9E9E
7C7C7C
515151

Shades & Tints Shades & Tints

#A4D0C1

Dark
Light

#A6BBAF

Dark
Light

#BD9288

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #a4d0c1;
  --color-2: #a6bbaf;
  --color-3: #bd9288;
  --color-4: #c75870;
  --color-5: #674554;
}

SCSS

$color-1: #a4d0c1;
$color-2: #a6bbaf;
$color-3: #bd9288;
$color-4: #c75870;
$color-5: #674554;

TAILWIND

colors: {
  'brand-1': '#a4d0c1',
  'brand-2': '#a6bbaf',
  'brand-3': '#bd9288',
  'brand-4': '#c75870',
  'brand-5': '#674554',
}

RGB Array

[164, 208, 193], [166, 187, 175], [189, 146, 136], [199, 88, 112], [103, 69, 84]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #A4D0C1, #A6BBAF, #BD9288, #C75870, #674554 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: #a4d0c1; --color-2: #a6bbaf; --color-3: #bd9288; --color-4: #c75870; --color-5: #674554. 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 general-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