← Back to Editor

#FDAB97 · #E86672 · #C85457 · #614247 · #2D6E6A

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 LibraryData Visualization

Color Details Color Details

#FDAB97

Peach Pink · LightSalmon · Coral Red

HEX
#FDAB97
RGB
rgb(253, 171, 151)
HSL
hsl(12, 96%, 79%)
HSB
hsb(12, 40%, 99%)
CMYK
cmyk(0%, 32%, 40%, 1%)
Oklch
oklch(81.6% 0.101 34.3)

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

#E86672

Peach Pink · LightCoral · Coral Red

HEX
#E86672
RGB
rgb(232, 102, 114)
HSL
hsl(354, 74%, 65%)
HSB
hsb(354, 56%, 91%)
CMYK
cmyk(0%, 56%, 51%, 9%)
Oklch
oklch(67.3% 0.161 16.9)

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

#C85457

Crimson · Sienna · Passion Red

HEX
#C85457
RGB
rgb(200, 84, 87)
HSL
hsl(358, 51%, 56%)
HSB
hsb(358, 58%, 78%)
CMYK
cmyk(0%, 58%, 56%, 22%)
Oklch
oklch(59.6% 0.148 21.2)

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

#614247

Crimson · DarkOliveGreen · Wine Red

HEX
#614247
RGB
rgb(97, 66, 71)
HSL
hsl(350, 19%, 32%)
HSB
hsb(350, 32%, 38%)
CMYK
cmyk(0%, 32%, 27%, 62%)
Oklch
oklch(41.5% 0.044 8.5)

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

#2D6E6A

Mineral Blue · SeaGreen · Mint Ice

HEX
#2D6E6A
RGB
rgb(45, 110, 106)
HSL
hsl(176, 42%, 30%)
HSB
hsb(176, 59%, 43%)
CMYK
cmyk(59%, 0%, 4%, 57%)
Oklch
oklch(49.5% 0.066 189.7)

Traditional「Mineral Blue」· Paint「Mint Ice」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FDAB97
96E8FD

Analogous

FD96B5
FDAB97
FDDE96

Triadic

FDAB97
96FDAB
AB96FD

Split-Comp.

FDAB97
96FDDE
96B5FD

Tetradic

FDAB97
B5FD96
96E8FD
DE96FD

Contrast Matrix WCAG 2.1 Contrast

FDAB97
E86672
C85457
614247
2D6E6A
—
1.7
Fail
2.4
Fail
4.8
AA
3.2
AA Large
1.7
Fail
—
1.4
Fail
2.8
Fail
1.9
Fail
2.4
Fail
1.4
Fail
—
2.0
Fail
1.4
Fail
4.8
AA
2.8
Fail
2.0
Fail
—
1.5
Fail
3.2
AA Large
1.9
Fail
1.4
Fail
1.5
Fail
—
White BG
1.8Fail
3.2AA Large
4.3AA Large
8.8AAA
5.9AA
Black BG
11.4AAA
6.6AA
4.9AA
2.4Fail
3.6AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

D9D99C
B0AF6F
969556
545346
494A6B

Deuteranopia

DEE49D
B7C16E
9DA556
555846
45416B

Tritanopia

F9A0A1
E16D6C
C25656
5F4545
306C6C

Achromatopsia

C1C1C1
8E8E8E
777777
4C4C4C
5A5A5A

Shades & Tints Shades & Tints

#FDAB97

Dark
Light

#E86672

Dark
Light

#C85457

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fdab97;
  --color-2: #e86672;
  --color-3: #c85457;
  --color-4: #614247;
  --color-5: #2d6e6a;
}

SCSS

$color-1: #fdab97;
$color-2: #e86672;
$color-3: #c85457;
$color-4: #614247;
$color-5: #2d6e6a;

TAILWIND

colors: {
  'brand-1': '#fdab97',
  'brand-2': '#e86672',
  'brand-3': '#c85457',
  'brand-4': '#614247',
  'brand-5': '#2d6e6a',
}

RGB Array

[253, 171, 151], [232, 102, 114], [200, 84, 87], [97, 66, 71], [45, 110, 106]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FDAB97, #E86672, #C85457, #614247, #2D6E6A 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: #fdab97; --color-2: #e86672; --color-3: #c85457; --color-4: #614247; --color-5: #2d6e6a. 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