← Back to Editor

#985B68 · #C4B69B · #DEAD16 · #F47992 · #38899C

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 Library

Color Details Color Details

#985B68

Crimson · DimGray · Passion Red

HEX
#985B68
RGB
rgb(152, 91, 104)
HSL
hsl(347, 25%, 48%)
HSB
hsb(347, 40%, 60%)
CMYK
cmyk(0%, 40%, 32%, 40%)
Oklch
oklch(54.4% 0.081 6.3)

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

#C4B69B

Ginger · Tan · Sunflower

HEX
#C4B69B
RGB
rgb(196, 182, 155)
HSL
hsl(40, 26%, 69%)
HSB
hsb(40, 21%, 77%)
CMYK
cmyk(0%, 7%, 21%, 23%)
Oklch
oklch(78.1% 0.040 83.8)

Traditional「Ginger」· Paint「Sunflower」· Creative Lemon Fizz

#DEAD16

Ochre · GoldenRod · Honey Gold

HEX
#DEAD16
RGB
rgb(222, 173, 22)
HSL
hsl(45, 82%, 48%)
HSB
hsb(45, 90%, 87%)
CMYK
cmyk(0%, 22%, 90%, 13%)
Oklch
oklch(77.1% 0.154 87.5)

Traditional「Ochre」· Paint「Honey Gold」· Creative Blush Sunrise

#F47992

Peach Pink · LightCoral · Coral Red

HEX
#F47992
RGB
rgb(244, 121, 146)
HSL
hsl(348, 85%, 72%)
HSB
hsb(348, 50%, 96%)
CMYK
cmyk(0%, 50%, 40%, 4%)
Oklch
oklch(72.4% 0.152 8.8)

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

#38899C

Slate Blue · SteelBlue · Mint Ice

HEX
#38899C
RGB
rgb(56, 137, 156)
HSL
hsl(191, 47%, 42%)
HSB
hsb(191, 64%, 61%)
CMYK
cmyk(64%, 12%, 0%, 39%)
Oklch
oklch(58.8% 0.083 215.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

985B68
5C998C

Analogous

995C88
985B68
996D5C

Triadic

985B68
69995C
5C6999

Split-Comp.

985B68
5C996D
5C8899

Tetradic

985B68
88995C
5C998C
6D5C99

Contrast Matrix WCAG 2.1 Contrast

985B68
C4B69B
DEAD16
F47992
38899C
—
2.6
Fail
2.5
Fail
2.0
Fail
1.3
Fail
2.6
Fail
—
1.0
Fail
1.3
Fail
2.0
Fail
2.5
Fail
1.0
Fail
—
1.3
Fail
1.9
Fail
2.0
Fail
1.3
Fail
1.3
Fail
—
1.5
Fail
1.3
Fail
2.0
Fail
1.9
Fail
1.5
Fail
—
White BG
5.2AA
2.0Fail
2.1Fail
2.6Fail
4.0AA Large
Black BG
4.0AA Large
10.5AAA
10.1AAA
8.0AAA
5.2AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

7E7D65
BEBEA2
C9C83B
BFBE8C
5B5C97

Deuteranopia

818664
BFC0A3
CCCF43
C6CF8B
565096

Tritanopia

956262
C3A7A8
DC575E
EE8786
3C9493

Achromatopsia

6F6F6F
B7B7B7
AAAAAA
A1A1A1
737373

Shades & Tints Shades & Tints

#985B68

Dark
Light

#C4B69B

Dark
Light

#DEAD16

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #985b68;
  --color-2: #c4b69b;
  --color-3: #dead16;
  --color-4: #f47992;
  --color-5: #38899c;
}

SCSS

$color-1: #985b68;
$color-2: #c4b69b;
$color-3: #dead16;
$color-4: #f47992;
$color-5: #38899c;

TAILWIND

colors: {
  'brand-1': '#985b68',
  'brand-2': '#c4b69b',
  'brand-3': '#dead16',
  'brand-4': '#f47992',
  'brand-5': '#38899c',
}

RGB Array

[152, 91, 104], [196, 182, 155], [222, 173, 22], [244, 121, 146], [56, 137, 156]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #985B68, #C4B69B, #DEAD16, #F47992, #38899C is ideal for: corporate websites, product showcases, portfolios. 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: #985b68; --color-2: #c4b69b; --color-3: #dead16; --color-4: #f47992; --color-5: #38899c. 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. 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