← Back to Editor

#A7CAC4 · #F7DDD0 · #FFA7B6 · #F270B0 · #3C312F

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

#A7CAC4

Jade · Silver · Lake Green

HEX
#A7CAC4
RGB
rgb(167, 202, 196)
HSL
hsl(170, 25%, 72%)
HSB
hsb(170, 17%, 79%)
CMYK
cmyk(17%, 0%, 3%, 21%)
Oklch
oklch(81.2% 0.038 183.8)

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

#F7DDD0

Apricot · Bisque · Peach Orange

HEX
#F7DDD0
RGB
rgb(247, 221, 208)
HSL
hsl(20, 71%, 89%)
HSB
hsb(20, 16%, 97%)
CMYK
cmyk(0%, 11%, 16%, 3%)
Oklch
oklch(91.5% 0.034 48.3)

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

#FFA7B6

Peach Pink · LightPink · Cherry Blossom

HEX
#FFA7B6
RGB
rgb(255, 167, 182)
HSL
hsl(350, 100%, 83%)
HSB
hsb(350, 35%, 100%)
CMYK
cmyk(0%, 35%, 29%, 0%)
Oklch
oklch(81.9% 0.105 8.5)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Rose Petal

#F270B0

Rouge · Orchid · Rose Pink

HEX
#F270B0
RGB
rgb(242, 112, 176)
HSL
hsl(330, 83%, 69%)
HSB
hsb(330, 54%, 95%)
CMYK
cmyk(0%, 54%, 27%, 5%)
Oklch
oklch(71.8% 0.173 351.6)

Traditional「Rouge」· Paint「Rose Pink」· Creative Rose Petal

#3C312F

Crimson · DarkSlateGray · Wine Red

HEX
#3C312F
RGB
rgb(60, 49, 47)
HSL
hsl(9, 12%, 21%)
HSB
hsb(9, 22%, 24%)
CMYK
cmyk(0%, 18%, 22%, 76%)
Oklch
oklch(32.4% 0.016 30.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

A7CAC4
C9A6AC

Analogous

A6C9B2
A7CAC4
A6BEC9

Triadic

A7CAC4
C3A6C9
C9C3A6

Split-Comp.

A7CAC4
C9A6BE
C9B2A6

Tetradic

A7CAC4
B2A6C9
C9A6AC
BEC9A6

Contrast Matrix WCAG 2.1 Contrast

A7CAC4
F7DDD0
FFA7B6
F270B0
3C312F
—
1.4
Fail
1.0
Fail
1.5
Fail
7.1
AAA
1.4
Fail
—
1.4
Fail
2.1
Fail
9.7
AAA
1.0
Fail
1.4
Fail
—
1.5
Fail
6.8
AA
1.5
Fail
2.1
Fail
1.5
Fail
—
4.6
AA
7.1
AAA
9.7
AAA
6.8
AA
4.6
AA
—
White BG
1.8Fail
1.3Fail
1.8Fail
2.7Fail
12.6AAA
Black BG
11.9AAA
16.2AAA
11.5AAA
7.7AAA
1.7Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

B6B6C5
ECECD3
D9D8B2
BAB9A1
37372F

Deuteranopia

B4B2C6
EDEFD4
DEE5B2
C1CB9D
383930

Tritanopia

A9C7C7
F6D6D6
FBB0AF
EB9492
3B3030

Achromatopsia

BFBFBF
E3E3E3
C3C3C3
9E9E9E
343434

Shades & Tints Shades & Tints

#A7CAC4

Dark
Light

#F7DDD0

Dark
Light

#FFA7B6

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #a7cac4;
  --color-2: #f7ddd0;
  --color-3: #ffa7b6;
  --color-4: #f270b0;
  --color-5: #3c312f;
}

SCSS

$color-1: #a7cac4;
$color-2: #f7ddd0;
$color-3: #ffa7b6;
$color-4: #f270b0;
$color-5: #3c312f;

TAILWIND

colors: {
  'brand-1': '#a7cac4',
  'brand-2': '#f7ddd0',
  'brand-3': '#ffa7b6',
  'brand-4': '#f270b0',
  'brand-5': '#3c312f',
}

RGB Array

[167, 202, 196], [247, 221, 208], [255, 167, 182], [242, 112, 176], [60, 49, 47]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #A7CAC4, #F7DDD0, #FFA7B6, #F270B0, #3C312F 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: #a7cac4; --color-2: #f7ddd0; --color-3: #ffa7b6; --color-4: #f270b0; --color-5: #3c312f. 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