← Back to Editor

#753138 · #6F917A · #80D2BA · #D0DFC7 · #F1DFC8

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

#753138

Crimson · Brown · Wine Red

HEX
#753138
RGB
rgb(117, 49, 56)
HSL
hsl(354, 41%, 33%)
HSB
hsb(354, 58%, 46%)
CMYK
cmyk(0%, 58%, 52%, 54%)
Oklch
oklch(40.9% 0.096 16.0)

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

#6F917A

Celadon · Gray · Olive Green

HEX
#6F917A
RGB
rgb(111, 145, 122)
HSL
hsl(139, 13%, 50%)
HSB
hsb(139, 23%, 57%)
CMYK
cmyk(23%, 0%, 16%, 43%)
Oklch
oklch(62.4% 0.051 155.1)

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

#80D2BA

Jade · MediumAquaMarine · Lake Green

HEX
#80D2BA
RGB
rgb(128, 210, 186)
HSL
hsl(162, 48%, 66%)
HSB
hsb(162, 39%, 82%)
CMYK
cmyk(39%, 0%, 11%, 18%)
Oklch
oklch(80.4% 0.088 173.3)

Traditional「Jade」· Paint「Lake Green」· Creative Arctic Pool

#D0DFC7

Celadon · LightGray · Mint Green

HEX
#D0DFC7
RGB
rgb(208, 223, 199)
HSL
hsl(98, 27%, 83%)
HSB
hsb(98, 11%, 87%)
CMYK
cmyk(7%, 0%, 11%, 13%)
Oklch
oklch(88.6% 0.036 133.6)

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

#F1DFC8

Goose Yellow · Bisque · Peach Orange

HEX
#F1DFC8
RGB
rgb(241, 223, 200)
HSL
hsl(34, 59%, 86%)
HSB
hsb(34, 17%, 95%)
CMYK
cmyk(0%, 7%, 17%, 5%)
Oklch
oklch(91.2% 0.036 74.0)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

753138
327770

Analogous

77325B
753138
774D32

Triadic

753138
397732
323977

Split-Comp.

753138
32774D
325B77

Tetradic

753138
5B7732
327770
4D3277

Contrast Matrix WCAG 2.1 Contrast

753138
6F917A
80D2BA
D0DFC7
F1DFC8
—
2.7
Fail
5.3
AA
6.7
AA
7.2
AAA
2.7
Fail
—
2.0
Fail
2.5
Fail
2.7
Fail
5.3
AA
2.0
Fail
—
1.3
Fail
1.4
Fail
6.7
AA
2.5
Fail
1.3
Fail
—
1.1
Fail
7.2
AAA
2.7
Fail
1.4
Fail
1.1
Fail
—
White BG
9.3AAA
3.5AA Large
1.8Fail
1.4Fail
1.3Fail
Black BG
2.3Fail
6.0AA
11.8AAA
15.1AAA
16.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

585736
7E7E80
A4A4C0
D6D7CD
E9E9CE

Deuteranopia

5C6136
7C7981
9F99C1
D6D5CE
EAECCF

Tritanopia

723535
718485
84C4C5
D1D1D2
F0D2D3

Achromatopsia

464646
848484
B7B7B7
D8D8D8
E2E2E2

Shades & Tints Shades & Tints

#753138

Dark
Light

#6F917A

Dark
Light

#80D2BA

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #753138;
  --color-2: #6f917a;
  --color-3: #80d2ba;
  --color-4: #d0dfc7;
  --color-5: #f1dfc8;
}

SCSS

$color-1: #753138;
$color-2: #6f917a;
$color-3: #80d2ba;
$color-4: #d0dfc7;
$color-5: #f1dfc8;

TAILWIND

colors: {
  'brand-1': '#753138',
  'brand-2': '#6f917a',
  'brand-3': '#80d2ba',
  'brand-4': '#d0dfc7',
  'brand-5': '#f1dfc8',
}

RGB Array

[117, 49, 56], [111, 145, 122], [128, 210, 186], [208, 223, 199], [241, 223, 200]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #753138, #6F917A, #80D2BA, #D0DFC7, #F1DFC8 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: #753138; --color-2: #6f917a; --color-3: #80d2ba; --color-4: #d0dfc7; --color-5: #f1dfc8. 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