← Back to Editor

#080A07 · #F549DB · #DE7379 · #B58A6B · #7E918A

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

#080A07

Celadon · Black · Dark Green

HEX
#080A07
RGB
rgb(8, 10, 7)
HSL
hsl(100, 18%, 3%)
HSB
hsb(100, 30%, 4%)
CMYK
cmyk(20%, 0%, 30%, 96%)
Oklch
oklch(14.1% 0.008 134.3)

Traditional「Celadon」· Paint「Dark Green」· Creative Blush Sunrise

#F549DB

Mauve · Orchid · Lilac Purple

HEX
#F549DB
RGB
rgb(245, 73, 219)
HSL
hsl(309, 90%, 62%)
HSB
hsb(309, 70%, 96%)
CMYK
cmyk(0%, 70%, 11%, 4%)
Oklch
oklch(69.8% 0.254 334.8)

Traditional「Mauve」· Paint「Lilac Purple」· Creative Rose Petal

#DE7379

Peach Pink · LightCoral · Coral Red

HEX
#DE7379
RGB
rgb(222, 115, 121)
HSL
hsl(357, 62%, 66%)
HSB
hsb(357, 48%, 87%)
CMYK
cmyk(0%, 48%, 45%, 13%)
Oklch
oklch(67.9% 0.133 17.7)

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

#B58A6B

Tangerine · DarkSalmon · Warm Sun

HEX
#B58A6B
RGB
rgb(181, 138, 107)
HSL
hsl(25, 33%, 56%)
HSB
hsb(25, 41%, 71%)
CMYK
cmyk(0%, 24%, 41%, 29%)
Oklch
oklch(66.7% 0.068 57.0)

Traditional「Tangerine」· Paint「Warm Sun」· Creative Blush Sunrise

#7E918A

Mineral Blue · LightSlateGray · Warm Gray

HEX
#7E918A
RGB
rgb(126, 145, 138)
HSL
hsl(158, 8%, 53%)
HSB
hsb(158, 13%, 57%)
CMYK
cmyk(13%, 0%, 5%, 43%)
Oklch
oklch(63.9% 0.024 171.3)

Traditional「Mineral Blue」· Paint「Warm Gray」· Creative Urban Concrete

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

080A07
080609

Analogous

090906
080A07
060907

Triadic

080A07
060709
090607

Split-Comp.

080A07
070609
090609

Tetradic

080A07
060909
080609
090706

Contrast Matrix WCAG 2.1 Contrast

080A07
F549DB
DE7379
B58A6B
7E918A
—
6.5
AA
6.5
AA
6.4
AA
6.0
AA
6.5
AA
—
1.0
Fail
1.0
Fail
1.1
Fail
6.5
AA
1.0
Fail
—
1.0
Fail
1.1
Fail
6.4
AA
1.0
Fail
1.0
Fail
—
1.1
Fail
6.0
AA
1.1
Fail
1.1
Fail
1.1
Fail
—
White BG
19.9AAA
3.1AA Large
3.1AA Large
3.1AA Large
3.3AA Large
Black BG
1.1Fail
6.9AA
6.8AA
6.8AA
6.3AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

090908
ABA9B8
B0AF78
A2A273
86868C

Deuteranopia

090908
B5C1AF
B6BE77
A5A874
85848C

Tritanopia

080808
EC9C96
D97676
B3787A
7F8D8D

Achromatopsia

090909
8D8D8D
949494
939393
8B8B8B

Shades & Tints Shades & Tints

#080A07

Dark
Light

#F549DB

Dark
Light

#DE7379

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #080a07;
  --color-2: #f549db;
  --color-3: #de7379;
  --color-4: #b58a6b;
  --color-5: #7e918a;
}

SCSS

$color-1: #080a07;
$color-2: #f549db;
$color-3: #de7379;
$color-4: #b58a6b;
$color-5: #7e918a;

TAILWIND

colors: {
  'brand-1': '#080a07',
  'brand-2': '#f549db',
  'brand-3': '#de7379',
  'brand-4': '#b58a6b',
  'brand-5': '#7e918a',
}

RGB Array

[8, 10, 7], [245, 73, 219], [222, 115, 121], [181, 138, 107], [126, 145, 138]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #080A07, #F549DB, #DE7379, #B58A6B, #7E918A 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: #080a07; --color-2: #f549db; --color-3: #de7379; --color-4: #b58a6b; --color-5: #7e918a. 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