← Back to Editor

#C54E60 · #14273E · #6F9789 · #AEBFA2 · #DEDCBB

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

#C54E60

Crimson · Sienna · Passion Red

HEX
#C54E60
RGB
rgb(197, 78, 96)
HSL
hsl(351, 51%, 54%)
HSB
hsb(351, 60%, 77%)
CMYK
cmyk(0%, 60%, 51%, 23%)
Oklch
oklch(58.5% 0.152 14.0)

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

#14273E

Indigo · DarkSlateGray · Deep Sea Blue

HEX
#14273E
RGB
rgb(20, 39, 62)
HSL
hsl(213, 51%, 16%)
HSB
hsb(213, 68%, 24%)
CMYK
cmyk(68%, 37%, 0%, 76%)
Oklch
oklch(26.9% 0.050 254.1)

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

#6F9789

Mineral Blue · LightSlateGray · Olive Green

HEX
#6F9789
RGB
rgb(111, 151, 137)
HSL
hsl(159, 16%, 51%)
HSB
hsb(159, 26%, 59%)
CMYK
cmyk(26%, 0%, 9%, 41%)
Oklch
oklch(64.3% 0.049 171.1)

Traditional「Mineral Blue」· Paint「Olive Green」· Creative Blush Sunrise

#AEBFA2

Celadon · DarkGray · Apple Green

HEX
#AEBFA2
RGB
rgb(174, 191, 162)
HSL
hsl(95, 18%, 69%)
HSB
hsb(95, 15%, 75%)
CMYK
cmyk(9%, 0%, 15%, 25%)
Oklch
oklch(78.4% 0.044 132.3)

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

#DEDCBB

Fresh Green · Wheat · Lemon Cream

HEX
#DEDCBB
RGB
rgb(222, 220, 187)
HSL
hsl(57, 35%, 80%)
HSB
hsb(57, 16%, 87%)
CMYK
cmyk(0%, 1%, 16%, 13%)
Oklch
oklch(88.7% 0.044 104.4)

Traditional「Fresh Green」· Paint「Lemon Cream」· Creative Lemon Fizz

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C54E60
4EC6B4

Analogous

C64E9C
C54E60
C6784E

Triadic

C54E60
60C64E
4E60C6

Split-Comp.

C54E60
4EC678
4E9CC6

Tetradic

C54E60
9CC64E
4EC6B4
784EC6

Contrast Matrix WCAG 2.1 Contrast

C54E60
14273E
6F9789
AEBFA2
DEDCBB
—
3.3
AA Large
1.4
Fail
2.3
Fail
3.3
AA Large
3.3
AA Large
—
4.7
AA
7.8
AAA
10.8
AAA
1.4
Fail
4.7
AA
—
1.7
Fail
2.3
Fail
2.3
Fail
7.8
AAA
1.7
Fail
—
1.4
Fail
3.3
AA Large
10.8
AAA
2.3
Fail
1.4
Fail
—
White BG
4.5AA
15.1AAA
3.2AA Large
1.9Fail
1.4Fail
Black BG
4.6AA
1.4Fail
6.5AA
10.8AAA
15.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

91905C
1C1C38
80818C
B5B6A9
DDDDC3

Deuteranopia

98A15B
1B1A37
7E7B8D
B4B3AB
DDDDC5

Tritanopia

BF5857
153433
718F90
AFAFB0
DEC9CB

Achromatopsia

747474
242424
898989
B7B7B7
D9D9D9

Shades & Tints Shades & Tints

#C54E60

Dark
Light

#14273E

Dark
Light

#6F9789

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c54e60;
  --color-2: #14273e;
  --color-3: #6f9789;
  --color-4: #aebfa2;
  --color-5: #dedcbb;
}

SCSS

$color-1: #c54e60;
$color-2: #14273e;
$color-3: #6f9789;
$color-4: #aebfa2;
$color-5: #dedcbb;

TAILWIND

colors: {
  'brand-1': '#c54e60',
  'brand-2': '#14273e',
  'brand-3': '#6f9789',
  'brand-4': '#aebfa2',
  'brand-5': '#dedcbb',
}

RGB Array

[197, 78, 96], [20, 39, 62], [111, 151, 137], [174, 191, 162], [222, 220, 187]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #C54E60, #14273E, #6F9789, #AEBFA2, #DEDCBB 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: #c54e60; --color-2: #14273e; --color-3: #6f9789; --color-4: #aebfa2; --color-5: #dedcbb. 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