← Back to Editor

#F09269 · #D1647A · #8C4373 · #050505 · #5C8A7C

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

#F09269

Apricot · DarkSalmon · Warm Sun

HEX
#F09269
RGB
rgb(240, 146, 105)
HSL
hsl(18, 82%, 68%)
HSB
hsb(18, 56%, 94%)
CMYK
cmyk(0%, 39%, 56%, 6%)
Oklch
oklch(74.9% 0.127 44.0)

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

#D1647A

Peach Pink · LightCoral · Coral Red

HEX
#D1647A
RGB
rgb(209, 100, 122)
HSL
hsl(348, 54%, 61%)
HSB
hsb(348, 52%, 82%)
CMYK
cmyk(0%, 52%, 42%, 18%)
Oklch
oklch(64.0% 0.139 9.2)

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

#8C4373

Rose Purple · DimGray · Camellia

HEX
#8C4373
RGB
rgb(140, 67, 115)
HSL
hsl(321, 35%, 41%)
HSB
hsb(321, 52%, 55%)
CMYK
cmyk(0%, 52%, 18%, 45%)
Oklch
oklch(49.2% 0.116 342.2)

Traditional「Rose Purple」· Paint「Camellia」· Creative Blush Sunrise

#050505

Ink Black · Black · Jet Black

HEX
#050505
RGB
rgb(5, 5, 5)
HSL
hsl(0, 0%, 2%)
HSB
hsb(0, 0%, 2%)
CMYK
cmyk(0%, 0%, 0%, 98%)
Oklch
oklch(11.5% 0.000 89.9)

Traditional「Ink Black」· Paint「Jet Black」· Creative Midnight Shadow

#5C8A7C

Mineral Blue · SlateGray · Mint Ice

HEX
#5C8A7C
RGB
rgb(92, 138, 124)
HSL
hsl(162, 20%, 45%)
HSB
hsb(162, 33%, 54%)
CMYK
cmyk(33%, 0%, 10%, 46%)
Oklch
oklch(59.6% 0.055 173.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F09269
6AC8F0

Analogous

F06A85
F09269
F0D66A

Triadic

F09269
6AF093
936AF0

Split-Comp.

F09269
6AF0D6
6A85F0

Tetradic

F09269
85F06A
6AC8F0
D66AF0

Contrast Matrix WCAG 2.1 Contrast

F09269
D1647A
8C4373
050505
5C8A7C
—
1.6
Fail
2.8
Fail
8.8
AAA
1.7
Fail
1.6
Fail
—
1.8
Fail
5.6
AA
1.1
Fail
2.8
Fail
1.8
Fail
—
3.1
AA Large
1.7
Fail
8.8
AAA
5.6
AA
3.1
AA Large
—
5.2
AA
1.7
Fail
1.1
Fail
1.7
Fail
5.2
AA
—
White BG
2.3Fail
3.6AA Large
6.6AA
20.4AAA
3.9AA Large
Black BG
9.0AAA
5.8AA
3.2AA Large
1.0Fail
5.4AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

C7C673
A2A175
6C6C67
050505
70707F

Deuteranopia

CDD475
A8B073
717665
050505
6D6A80

Tritanopia

EB7B7C
CC7070
885E5C
050505
5E8283

Achromatopsia

A9A9A9
878787
5E5E5E
050505
7B7B7B

Shades & Tints Shades & Tints

#F09269

Dark
Light

#D1647A

Dark
Light

#8C4373

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f09269;
  --color-2: #d1647a;
  --color-3: #8c4373;
  --color-4: #050505;
  --color-5: #5c8a7c;
}

SCSS

$color-1: #f09269;
$color-2: #d1647a;
$color-3: #8c4373;
$color-4: #050505;
$color-5: #5c8a7c;

TAILWIND

colors: {
  'brand-1': '#f09269',
  'brand-2': '#d1647a',
  'brand-3': '#8c4373',
  'brand-4': '#050505',
  'brand-5': '#5c8a7c',
}

RGB Array

[240, 146, 105], [209, 100, 122], [140, 67, 115], [5, 5, 5], [92, 138, 124]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #F09269, #D1647A, #8C4373, #050505, #5C8A7C 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: #f09269; --color-2: #d1647a; --color-3: #8c4373; --color-4: #050505; --color-5: #5c8a7c. 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