← Back to Editor

#593F2E · #ED5A8E · #FF96A8 · #F7D0D0 · #67A2B3

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarmCool

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial AppData Visualization

Color Details Color Details

#593F2E

Tangerine · DarkOliveGreen · Amber Brown

HEX
#593F2E
RGB
rgb(89, 63, 46)
HSL
hsl(24, 32%, 26%)
HSB
hsb(24, 48%, 35%)
CMYK
cmyk(0%, 29%, 48%, 65%)
Oklch
oklch(39.2% 0.046 54.1)

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

#ED5A8E

Rouge · LightCoral · Rose Pink

HEX
#ED5A8E
RGB
rgb(237, 90, 142)
HSL
hsl(339, 80%, 64%)
HSB
hsb(339, 62%, 93%)
CMYK
cmyk(0%, 62%, 40%, 7%)
Oklch
oklch(67.3% 0.186 1.6)

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

#FF96A8

Peach Pink · LightPink · Coral Red

HEX
#FF96A8
RGB
rgb(255, 150, 168)
HSL
hsl(350, 100%, 79%)
HSB
hsb(350, 41%, 100%)
CMYK
cmyk(0%, 41%, 34%, 0%)
Oklch
oklch(78.7% 0.127 9.4)

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

#F7D0D0

Peach Pink · Pink · Cherry Blossom

HEX
#F7D0D0
RGB
rgb(247, 208, 208)
HSL
hsl(0, 71%, 89%)
HSB
hsb(0, 16%, 97%)
CMYK
cmyk(0%, 16%, 16%, 3%)
Oklch
oklch(89.1% 0.044 18.0)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Blush Sunrise

#67A2B3

Slate Blue · CadetBlue · Lake Green

HEX
#67A2B3
RGB
rgb(103, 162, 179)
HSL
hsl(193, 33%, 55%)
HSB
hsb(193, 42%, 70%)
CMYK
cmyk(42%, 9%, 0%, 30%)
Oklch
oklch(67.8% 0.066 218.0)

Traditional「Slate Blue」· Paint「Lake Green」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

593F2E
2D4758

Analogous

582D31
593F2E
58532D

Triadic

593F2E
2D583E
3E2D58

Split-Comp.

593F2E
2D5853
2D3158

Tetradic

593F2E
31582D
2D4758
532D58

Contrast Matrix WCAG 2.1 Contrast

593F2E
ED5A8E
FF96A8
F7D0D0
67A2B3
—
3.0
Fail
4.7
AA
6.8
AA
3.4
AA Large
3.0
Fail
—
1.6
Fail
2.3
Fail
1.1
Fail
4.7
AA
1.6
Fail
—
1.5
Fail
1.4
Fail
6.8
AA
2.3
Fail
1.5
Fail
—
2.0
Fail
3.4
AA Large
1.1
Fail
1.4
Fail
2.0
Fail
—
White BG
9.7AAA
3.3AA Large
2.1Fail
1.4Fail
2.8Fail
Black BG
2.2Fail
6.5AA
10.2AAA
14.9AAA
7.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

4E4E32
ADAC81
D2D1A4
E6E6D0
8181AF

Deuteranopia

4F5133
B6C17E
D8E0A3
E8EBD0
7D79AE

Tritanopia

583536
E67775
FAA09F
F5D0D0
6AACAB

Achromatopsia

454545
8C8C8C
B7B7B7
DCDCDC
929292

Shades & Tints Shades & Tints

#593F2E

Dark
Light

#ED5A8E

Dark
Light

#FF96A8

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #593f2e;
  --color-2: #ed5a8e;
  --color-3: #ff96a8;
  --color-4: #f7d0d0;
  --color-5: #67a2b3;
}

SCSS

$color-1: #593f2e;
$color-2: #ed5a8e;
$color-3: #ff96a8;
$color-4: #f7d0d0;
$color-5: #67a2b3;

TAILWIND

colors: {
  'brand-1': '#593f2e',
  'brand-2': '#ed5a8e',
  'brand-3': '#ff96a8',
  'brand-4': '#f7d0d0',
  'brand-5': '#67a2b3',
}

RGB Array

[89, 63, 46], [237, 90, 142], [255, 150, 168], [247, 208, 208], [103, 162, 179]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #593F2E, #ED5A8E, #FF96A8, #F7D0D0, #67A2B3 is ideal for: social media posters, mobile apps, e-commerce promos, infographics, data visualization, accessible design. Vivid colors effectively attract user attention. High contrast ensures clear visual hierarchy and readability. It is a vibrant and energetic choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #593f2e; --color-2: #ed5a8e; --color-3: #ff96a8; --color-4: #f7d0d0; --color-5: #67a2b3. 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 food & dining, entertainment, kids education, social industries. Bold colors convey vitality and innovation. 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