← Back to Editor

#CACFA6 · #F1D3A1 · #E7998C · #D07074 · #3E282A

A 5-color palette palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#CACFA6

Fresh Green · Silver · Sunflower

HEX
#CACFA6
RGB
rgb(202, 207, 166)
HSL
hsl(67, 30%, 73%)
HSB
hsb(67, 20%, 81%)
CMYK
cmyk(2%, 0%, 20%, 19%)
Oklch
oklch(84.0% 0.055 113.2)

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

#F1D3A1

Goose Yellow · Wheat · Peach Orange

HEX
#F1D3A1
RGB
rgb(241, 211, 161)
HSL
hsl(37, 74%, 79%)
HSB
hsb(37, 33%, 95%)
CMYK
cmyk(0%, 12%, 33%, 5%)
Oklch
oklch(88.0% 0.073 80.2)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

#E7998C

Peach Pink · DarkSalmon · Coral Red

HEX
#E7998C
RGB
rgb(231, 153, 140)
HSL
hsl(9, 65%, 73%)
HSB
hsb(9, 39%, 91%)
CMYK
cmyk(0%, 34%, 39%, 9%)
Oklch
oklch(75.7% 0.096 29.9)

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

#D07074

Peach Pink · LightCoral · Coral Red

HEX
#D07074
RGB
rgb(208, 112, 116)
HSL
hsl(357, 51%, 63%)
HSB
hsb(357, 46%, 82%)
CMYK
cmyk(0%, 46%, 44%, 18%)
Oklch
oklch(65.5% 0.121 18.3)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

#3E282A

Crimson · DarkSlateGray · Deep Berry

HEX
#3E282A
RGB
rgb(62, 40, 42)
HSL
hsl(355, 22%, 20%)
HSB
hsb(355, 35%, 24%)
CMYK
cmyk(0%, 35%, 32%, 76%)
Oklch
oklch(30.4% 0.033 13.2)

Traditional「Crimson」· Paint「Deep Berry」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

CACFA6
AAA5CF

Analogous

CFBFA5
CACFA6
B5CFA5

Triadic

CACFA6
A5CACF
CFA5CA

Split-Comp.

CACFA6
A5B5CF
BFA5CF

Tetradic

CACFA6
A5CFBF
AAA5CF
CFA5B5

Contrast Matrix WCAG 2.1 Contrast

CACFA6
F1D3A1
E7998C
D07074
3E282A
—
1.1
Fail
1.4
Fail
2.1
Fail
8.4
AAA
1.1
Fail
—
1.6
Fail
2.3
Fail
9.5
AAA
1.4
Fail
1.6
Fail
—
1.5
Fail
6.1
AA
2.1
Fail
2.3
Fail
1.5
Fail
—
4.1
AA Large
8.4
AAA
9.5
AAA
6.1
AA
4.1
AA Large
—
White BG
1.6Fail
1.4Fail
2.3Fail
3.4AA Large
13.6AAA
Black BG
13.0AAA
14.6AAA
9.3AAA
6.3AA
1.5Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

CCCCB0
E4E4AD
C5C58F
A6A673
34342A

Deuteranopia

CCCBB2
E6E8B0
CAD090
ACB373
363729

Tritanopia

CAB8B9
F0B7B9
E39292
CB7272
3D2929

Achromatopsia

C9C9C9
D6D6D6
AFAFAF
8D8D8D
2F2F2F

Shades & Tints Shades & Tints

#CACFA6

Dark
Light

#F1D3A1

Dark
Light

#E7998C

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #cacfa6;
  --color-2: #f1d3a1;
  --color-3: #e7998c;
  --color-4: #d07074;
  --color-5: #3e282a;
}

SCSS

$color-1: #cacfa6;
$color-2: #f1d3a1;
$color-3: #e7998c;
$color-4: #d07074;
$color-5: #3e282a;

TAILWIND

colors: {
  'brand-1': '#cacfa6',
  'brand-2': '#f1d3a1',
  'brand-3': '#e7998c',
  'brand-4': '#d07074',
  'brand-5': '#3e282a',
}

RGB Array

[202, 207, 166], [241, 211, 161], [231, 153, 140], [208, 112, 116], [62, 40, 42]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #CACFA6, #F1D3A1, #E7998C, #D07074, #3E282A is ideal for: 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: #cacfa6; --color-2: #f1d3a1; --color-3: #e7998c; --color-4: #d07074; --color-5: #3e282a. 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. 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