← Back to Editor

#C46170 · #E16875 · #DE9960 · #DFBB6E · #6B5B50

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 Library

Color Details Color Details

#C46170

Crimson · LightCoral · Passion Red

HEX
#C46170
RGB
rgb(196, 97, 112)
HSL
hsl(351, 46%, 57%)
HSB
hsb(351, 51%, 77%)
CMYK
cmyk(0%, 51%, 43%, 23%)
Oklch
oklch(61.5% 0.127 12.0)

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

#E16875

Peach Pink · LightCoral · Coral Red

HEX
#E16875
RGB
rgb(225, 104, 117)
HSL
hsl(354, 67%, 65%)
HSB
hsb(354, 54%, 88%)
CMYK
cmyk(0%, 54%, 48%, 12%)
Oklch
oklch(66.7% 0.151 15.5)

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

#DE9960

Apricot · SandyBrown · Warm Sun

HEX
#DE9960
RGB
rgb(222, 153, 96)
HSL
hsl(27, 66%, 62%)
HSB
hsb(27, 57%, 87%)
CMYK
cmyk(0%, 31%, 57%, 13%)
Oklch
oklch(73.9% 0.111 59.4)

Traditional「Apricot」· Paint「Warm Sun」· Creative Honey Glow

#DFBB6E

Ginger · BurlyWood · Sunflower

HEX
#DFBB6E
RGB
rgb(223, 187, 110)
HSL
hsl(41, 64%, 65%)
HSB
hsb(41, 51%, 87%)
CMYK
cmyk(0%, 16%, 51%, 13%)
Oklch
oklch(80.7% 0.105 85.0)

Traditional「Ginger」· Paint「Sunflower」· Creative Lemon Fizz

#6B5B50

Tangerine · DimGray · Amber Brown

HEX
#6B5B50
RGB
rgb(107, 91, 80)
HSL
hsl(24, 14%, 37%)
HSB
hsb(24, 25%, 42%)
CMYK
cmyk(0%, 15%, 25%, 58%)
Oklch
oklch(48.4% 0.027 56.5)

Traditional「Tangerine」· Paint「Amber Brown」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C46170
5FC4B5

Analogous

C45FA0
C46170
C4825F

Triadic

C46170
6EC45F
5F6EC4

Split-Comp.

C46170
5FC482
5FA0C4

Tetradic

C46170
A0C45F
5FC4B5
825FC4

Contrast Matrix WCAG 2.1 Contrast

C46170
E16875
DE9960
DFBB6E
6B5B50
—
1.2
Fail
1.7
Fail
2.2
Fail
1.6
Fail
1.2
Fail
—
1.4
Fail
1.8
Fail
2.0
Fail
1.7
Fail
1.4
Fail
—
1.3
Fail
2.7
Fail
2.2
Fail
1.8
Fail
1.3
Fail
—
3.5
AA Large
1.6
Fail
2.0
Fail
2.7
Fail
3.5
AA Large
—
White BG
4.0AA Large
3.3AA Large
2.4Fail
1.8Fail
6.5AA
Black BG
5.3AA
6.4AA
8.8AAA
11.5AAA
3.2AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

99986C
ADAC72
C0C06E
CFCF81
646453

Deuteranopia

9FA66B
B4BD71
C4C971
D2D485
656653

Tritanopia

BF6A69
DB6F6F
DB797B
DD8F93
6A5555

Achromatopsia

808080
8E8E8E
A7A7A7
BDBDBD
5F5F5F

Shades & Tints Shades & Tints

#C46170

Dark
Light

#E16875

Dark
Light

#DE9960

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c46170;
  --color-2: #e16875;
  --color-3: #de9960;
  --color-4: #dfbb6e;
  --color-5: #6b5b50;
}

SCSS

$color-1: #c46170;
$color-2: #e16875;
$color-3: #de9960;
$color-4: #dfbb6e;
$color-5: #6b5b50;

TAILWIND

colors: {
  'brand-1': '#c46170',
  'brand-2': '#e16875',
  'brand-3': '#de9960',
  'brand-4': '#dfbb6e',
  'brand-5': '#6b5b50',
}

RGB Array

[196, 97, 112], [225, 104, 117], [222, 153, 96], [223, 187, 110], [107, 91, 80]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #C46170, #E16875, #DE9960, #DFBB6E, #6B5B50 is ideal for: corporate websites, product showcases, portfolios. 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: #c46170; --color-2: #e16875; --color-3: #de9960; --color-4: #dfbb6e; --color-5: #6b5b50. 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. 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