← Back to Editor

#453735 · #F9452C · #ED6D58 · #D5BBAF · #C8E2DA

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

#453735

Crimson · DarkSlateGray · Wine Red

HEX
#453735
RGB
rgb(69, 55, 53)
HSL
hsl(8, 13%, 24%)
HSB
hsb(8, 23%, 27%)
CMYK
cmyk(0%, 20%, 23%, 73%)
Oklch
oklch(35.1% 0.020 27.6)

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

#F9452C

Vermilion · Tomato · Passion Red

HEX
#F9452C
RGB
rgb(249, 69, 44)
HSL
hsl(7, 94%, 57%)
HSB
hsb(7, 82%, 98%)
CMYK
cmyk(0%, 72%, 82%, 2%)
Oklch
oklch(65.2% 0.220 31.2)

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

#ED6D58

Peach Pink · Coral · Coral Red

HEX
#ED6D58
RGB
rgb(237, 109, 88)
HSL
hsl(8, 81%, 64%)
HSB
hsb(8, 63%, 93%)
CMYK
cmyk(0%, 54%, 63%, 7%)
Oklch
oklch(68.5% 0.163 31.1)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

#D5BBAF

Apricot · Silver · Peach Orange

HEX
#D5BBAF
RGB
rgb(213, 187, 175)
HSL
hsl(19, 31%, 76%)
HSB
hsb(19, 18%, 84%)
CMYK
cmyk(0%, 12%, 18%, 16%)
Oklch
oklch(81.1% 0.034 46.3)

Traditional「Apricot」· Paint「Peach Orange」· Creative Honey Glow

#C8E2DA

Jade · LightGray · Glacier Blue

HEX
#C8E2DA
RGB
rgb(200, 226, 218)
HSL
hsl(162, 31%, 84%)
HSB
hsb(162, 12%, 89%)
CMYK
cmyk(12%, 0%, 4%, 11%)
Oklch
oklch(89.1% 0.030 175.2)

Traditional「Jade」· Paint「Glacier Blue」· Creative Arctic Pool

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

453735
354345

Analogous

45353B
453735
453F35

Triadic

453735
354537
373545

Split-Comp.

453735
35453F
353B45

Tetradic

453735
3B4535
354345
3F3545

Contrast Matrix WCAG 2.1 Contrast

453735
F9452C
ED6D58
D5BBAF
C8E2DA
—
3.2
AA Large
3.7
AA Large
6.2
AA
8.3
AAA
3.2
AA Large
—
1.2
Fail
2.0
Fail
2.6
Fail
3.7
AA Large
1.2
Fail
—
1.7
Fail
2.2
Fail
6.2
AA
2.0
Fail
1.7
Fail
—
1.3
Fail
8.3
AAA
2.6
Fail
2.2
Fail
1.3
Fail
—
White BG
11.3AAA
3.5AA Large
3.0AA Large
1.8Fail
1.4Fail
Black BG
1.9Fail
5.9AA
6.9AA
11.6AAA
15.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

3F3F35
ABA932
B6B45D
CACAB2
D3D3DC

Deuteranopia

404136
B6C334
BDC75E
CBCDB3
D2D0DC

Tritanopia

443636
F03738
E76162
D4B4B5
C9DDDE

Achromatopsia

3B3B3B
787878
919191
C1C1C1
D9D9D9

Shades & Tints Shades & Tints

#453735

Dark
Light

#F9452C

Dark
Light

#ED6D58

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #453735;
  --color-2: #f9452c;
  --color-3: #ed6d58;
  --color-4: #d5bbaf;
  --color-5: #c8e2da;
}

SCSS

$color-1: #453735;
$color-2: #f9452c;
$color-3: #ed6d58;
$color-4: #d5bbaf;
$color-5: #c8e2da;

TAILWIND

colors: {
  'brand-1': '#453735',
  'brand-2': '#f9452c',
  'brand-3': '#ed6d58',
  'brand-4': '#d5bbaf',
  'brand-5': '#c8e2da',
}

RGB Array

[69, 55, 53], [249, 69, 44], [237, 109, 88], [213, 187, 175], [200, 226, 218]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #453735, #F9452C, #ED6D58, #D5BBAF, #C8E2DA 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: #453735; --color-2: #f9452c; --color-3: #ed6d58; --color-4: #d5bbaf; --color-5: #c8e2da. 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