← Back to Editor

#DBDCD7 · #527D90 · #948F3D · #E19E4F · #DF2F32

warm

A 5-color warm 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

#DBDCD7

Silver Gray · LightGray · Pearl Gray

HEX
#DBDCD7
RGB
rgb(219, 220, 215)
HSL
hsl(72, 7%, 85%)
HSB
hsb(72, 2%, 86%)
CMYK
cmyk(0%, 0%, 2%, 14%)
Oklch
oklch(89.2% 0.007 115.7)

Traditional「Silver Gray」· Paint「Pearl Gray」· Creative Silver Lining

#527D90

Slate Blue · SlateGray · Mint Ice

HEX
#527D90
RGB
rgb(82, 125, 144)
HSL
hsl(198, 27%, 44%)
HSB
hsb(198, 43%, 56%)
CMYK
cmyk(43%, 13%, 0%, 44%)
Oklch
oklch(56.6% 0.056 227.6)

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

#948F3D

Autumn Sage · DarkGoldenRod · Honey Gold

HEX
#948F3D
RGB
rgb(148, 143, 61)
HSL
hsl(57, 42%, 41%)
HSB
hsb(57, 59%, 58%)
CMYK
cmyk(0%, 3%, 59%, 42%)
Oklch
oklch(63.7% 0.104 105.8)

Traditional「Autumn Sage」· Paint「Honey Gold」· Creative Blush Sunrise

#E19E4F

Ginger · SandyBrown · Warm Sun

HEX
#E19E4F
RGB
rgb(225, 158, 79)
HSL
hsl(32, 71%, 60%)
HSB
hsb(32, 65%, 88%)
CMYK
cmyk(0%, 30%, 65%, 12%)
Oklch
oklch(74.9% 0.124 68.3)

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

#DF2F32

Vermilion · Crimson · Passion Red

HEX
#DF2F32
RGB
rgb(223, 47, 50)
HSL
hsl(359, 73%, 53%)
HSB
hsb(359, 79%, 87%)
CMYK
cmyk(0%, 79%, 78%, 13%)
Oklch
oklch(59.0% 0.211 25.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

DBDCD7
D7D6DB

Analogous

DBDAD6
DBDCD7
D8DBD6

Triadic

DBDCD7
D6DADB
DBD6DA

Split-Comp.

DBDCD7
D6D8DB
DAD6DB

Tetradic

DBDCD7
D6DBDA
D7D6DB
DBD6D8

Contrast Matrix WCAG 2.1 Contrast

DBDCD7
527D90
948F3D
E19E4F
DF2F32
—
3.2
AA Large
2.4
Fail
1.7
Fail
3.3
AA Large
3.2
AA Large
—
1.3
Fail
2.0
Fail
1.0
Fail
2.4
Fail
1.3
Fail
—
1.5
Fail
1.4
Fail
1.7
Fail
2.0
Fail
1.5
Fail
—
2.0
Fail
3.3
AA Large
1.0
Fail
1.4
Fail
2.0
Fail
—
White BG
1.4Fail
4.5AA Large
3.4AA Large
2.3Fail
4.6AA
Black BG
15.2AAA
4.7AA
6.3AA
9.2AAA
4.6AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

DBDBD8
65658B
929251
C4C362
939131

Deuteranopia

DBDBD9
625F8A
929356
C8CD67
9DAA31

Tritanopia

DBD9D9
548887
946164
DE7175
D63131

Achromatopsia

DBDBDB
727272
878787
A9A9A9
646464

Shades & Tints Shades & Tints

#DBDCD7

Dark
Light

#527D90

Dark
Light

#948F3D

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #dbdcd7;
  --color-2: #527d90;
  --color-3: #948f3d;
  --color-4: #e19e4f;
  --color-5: #df2f32;
}

SCSS

$color-1: #dbdcd7;
$color-2: #527d90;
$color-3: #948f3d;
$color-4: #e19e4f;
$color-5: #df2f32;

TAILWIND

colors: {
  'brand-1': '#dbdcd7',
  'brand-2': '#527d90',
  'brand-3': '#948f3d',
  'brand-4': '#e19e4f',
  'brand-5': '#df2f32',
}

RGB Array

[219, 220, 215], [82, 125, 144], [148, 143, 61], [225, 158, 79], [223, 47, 50]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This warm-style palette of #DBDCD7, #527D90, #948F3D, #E19E4F, #DF2F32 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: #dbdcd7; --color-2: #527d90; --color-3: #948f3d; --color-4: #e19e4f; --color-5: #df2f32. 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 warm-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