← Back to Editor

#FFDAD3 · #A3242B · #564243 · #B0CAD7 · #DFB79E

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

#FFDAD3

Peach Pink · Bisque · Cherry Blossom

HEX
#FFDAD3
RGB
rgb(255, 218, 211)
HSL
hsl(10, 100%, 91%)
HSB
hsb(10, 17%, 100%)
CMYK
cmyk(0%, 15%, 17%, 0%)
Oklch
oklch(91.7% 0.043 30.5)

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

#A3242B

Vermilion · Brown · Wine Red

HEX
#A3242B
RGB
rgb(163, 36, 43)
HSL
hsl(357, 64%, 39%)
HSB
hsb(357, 78%, 64%)
CMYK
cmyk(0%, 78%, 74%, 36%)
Oklch
oklch(47.2% 0.163 23.5)

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

#564243

Crimson · DarkSlateGray · Wine Red

HEX
#564243
RGB
rgb(86, 66, 67)
HSL
hsl(357, 13%, 30%)
HSB
hsb(357, 23%, 34%)
CMYK
cmyk(0%, 23%, 22%, 66%)
Oklch
oklch(40.1% 0.028 15.0)

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

#B0CAD7

Sky Blue · LightSteelBlue · Cobalt Blue

HEX
#B0CAD7
RGB
rgb(176, 202, 215)
HSL
hsl(200, 33%, 77%)
HSB
hsb(200, 18%, 84%)
CMYK
cmyk(18%, 6%, 0%, 16%)
Oklch
oklch(82.4% 0.034 229.4)

Traditional「Sky Blue」· Paint「Cobalt Blue」· Creative Twilight Haze

#DFB79E

Apricot · Tan · Warm Sun

HEX
#DFB79E
RGB
rgb(223, 183, 158)
HSL
hsl(23, 50%, 75%)
HSB
hsb(23, 29%, 87%)
CMYK
cmyk(0%, 18%, 29%, 13%)
Oklch
oklch(80.8% 0.058 53.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FFDAD3
D1F7FF

Analogous

FFD1E0
FFDAD3
FFF0D1

Triadic

FFDAD3
D1FFD9
D9D1FF

Split-Comp.

FFDAD3
D1FFF0
D1E0FF

Tetradic

FFDAD3
E0FFD1
D1F7FF
F0D1FF

Contrast Matrix WCAG 2.1 Contrast

FFDAD3
A3242B
564243
B0CAD7
DFB79E
—
5.7
AA
7.2
AAA
1.3
Fail
1.4
Fail
5.7
AA
—
1.3
Fail
4.3
AA Large
4.0
AA Large
7.2
AAA
1.3
Fail
—
5.4
AA
5.1
AA
1.3
Fail
4.3
AA Large
5.4
AA
—
1.1
Fail
1.4
Fail
4.0
AA Large
5.1
AA
1.1
Fail
—
White BG
1.3Fail
7.4AAA
9.3AAA
1.7Fail
1.8Fail
Black BG
16.2AAA
2.8Fail
2.3Fail
12.3AAA
11.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

EFEFD5
6C6B29
4D4D43
BBBBD4
CECDA4

Deuteranopia

F1F4D5
737D29
4F5043
BAB8D3
D0D3A6

Tritanopia

FDD6D6
9D2828
554343
B1D1D1
DDA9AA

Achromatopsia

E4E4E4
4B4B4B
484848
C4C4C4
C0C0C0

Shades & Tints Shades & Tints

#FFDAD3

Dark
Light

#A3242B

Dark
Light

#564243

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ffdad3;
  --color-2: #a3242b;
  --color-3: #564243;
  --color-4: #b0cad7;
  --color-5: #dfb79e;
}

SCSS

$color-1: #ffdad3;
$color-2: #a3242b;
$color-3: #564243;
$color-4: #b0cad7;
$color-5: #dfb79e;

TAILWIND

colors: {
  'brand-1': '#ffdad3',
  'brand-2': '#a3242b',
  'brand-3': '#564243',
  'brand-4': '#b0cad7',
  'brand-5': '#dfb79e',
}

RGB Array

[255, 218, 211], [163, 36, 43], [86, 66, 67], [176, 202, 215], [223, 183, 158]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FFDAD3, #A3242B, #564243, #B0CAD7, #DFB79E 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: #ffdad3; --color-2: #a3242b; --color-3: #564243; --color-4: #b0cad7; --color-5: #dfb79e. 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