← Back to Editor

#F9565B · #FCC4BA · #EBDCD1 · #E2EDE7 · #0D0D15

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReadingData Visualization

Color Details Color Details

#F9565B

Peach Pink · Tomato · Coral Red

HEX
#F9565B
RGB
rgb(249, 86, 91)
HSL
hsl(358, 93%, 66%)
HSB
hsb(358, 65%, 98%)
CMYK
cmyk(0%, 65%, 63%, 2%)
Oklch
oklch(67.5% 0.199 22.5)

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

#FCC4BA

Peach Pink · LightPink · Cherry Blossom

HEX
#FCC4BA
RGB
rgb(252, 196, 186)
HSL
hsl(9, 92%, 86%)
HSB
hsb(9, 26%, 99%)
CMYK
cmyk(0%, 22%, 26%, 1%)
Oklch
oklch(86.8% 0.066 30.1)

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

#EBDCD1

Apricot · Bisque · Peach Orange

HEX
#EBDCD1
RGB
rgb(235, 220, 209)
HSL
hsl(25, 39%, 87%)
HSB
hsb(25, 11%, 92%)
CMYK
cmyk(0%, 6%, 11%, 8%)
Oklch
oklch(90.4% 0.022 58.8)

Traditional「Apricot」· Paint「Peach Orange」· Creative Honey Glow

#E2EDE7

Celadon · Lavender · Mint Green

HEX
#E2EDE7
RGB
rgb(226, 237, 231)
HSL
hsl(147, 23%, 91%)
HSB
hsb(147, 5%, 93%)
CMYK
cmyk(5%, 0%, 3%, 7%)
Oklch
oklch(93.6% 0.014 162.5)

Traditional「Celadon」· Paint「Mint Green」· Creative Mint Breeze

#0D0D15

Deep Indigo · Black · Deep Sea Blue

HEX
#0D0D15
RGB
rgb(13, 13, 21)
HSL
hsl(240, 24%, 7%)
HSB
hsb(240, 38%, 8%)
CMYK
cmyk(38%, 38%, 0%, 92%)
Oklch
oklch(16.3% 0.017 284.4)

Traditional「Deep Indigo」· Paint「Deep Sea Blue」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F9565B
58F9F4

Analogous

F958AE
F9565B
F9A358

Triadic

F9565B
5DF958
585DF9

Split-Comp.

F9565B
58F9A3
58AEF9

Tetradic

F9565B
AEF958
58F9F4
A358F9

Contrast Matrix WCAG 2.1 Contrast

F9565B
FCC4BA
EBDCD1
E2EDE7
0D0D15
—
2.1
Fail
2.4
Fail
2.7
Fail
6.0
AA
2.1
Fail
—
1.1
Fail
1.3
Fail
12.7
AAA
2.4
Fail
1.1
Fail
—
1.1
Fail
14.5
AAA
2.7
Fail
1.3
Fail
1.1
Fail
—
16.1
AAA
6.0
AA
12.7
AAA
14.5
AAA
16.1
AAA
—
White BG
3.2AA Large
1.5Fail
1.3Fail
1.2Fail
19.3AAA
Black BG
6.5AA
13.7AAA
15.7AAA
17.5AAA
1.1Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

B2B15A
E4E3BC
E5E4D4
E7E7E8
0D0D13

Deuteranopia

BCC85A
E7EBBD
E5E7D4
E6E5E9
0D0D13

Tritanopia

F15959
F9BEBF
EAD6D6
E3EAEA
0D1211

Achromatopsia

878787
D4D4D4
DFDFDF
E9E9E9
0E0E0E

Shades & Tints Shades & Tints

#F9565B

Dark
Light

#FCC4BA

Dark
Light

#EBDCD1

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f9565b;
  --color-2: #fcc4ba;
  --color-3: #ebdcd1;
  --color-4: #e2ede7;
  --color-5: #0d0d15;
}

SCSS

$color-1: #f9565b;
$color-2: #fcc4ba;
$color-3: #ebdcd1;
$color-4: #e2ede7;
$color-5: #0d0d15;

TAILWIND

colors: {
  'brand-1': '#f9565b',
  'brand-2': '#fcc4ba',
  'brand-3': '#ebdcd1',
  'brand-4': '#e2ede7',
  'brand-5': '#0d0d15',
}

RGB Array

[249, 86, 91], [252, 196, 186], [235, 220, 209], [226, 237, 231], [13, 13, 21]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #F9565B, #FCC4BA, #EBDCD1, #E2EDE7, #0D0D15 is ideal for: health products, baby brands, fresh-style blogs, 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: #f9565b; --color-2: #fcc4ba; --color-3: #ebdcd1; --color-4: #e2ede7; --color-5: #0d0d15. 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?

Light tones suit backgrounds; use dark colors for body text. Mid-tones work for card backgrounds or dividers to add depth. 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