← Back to Editor

#44505A · #C23D51 · #F74344 · #DBA545 · #E3DD9B

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

#44505A

Slate Blue · DarkSlateGray · Prussian Blue

HEX
#44505A
RGB
rgb(68, 80, 90)
HSL
hsl(207, 14%, 31%)
HSB
hsb(207, 24%, 35%)
CMYK
cmyk(24%, 11%, 0%, 65%)
Oklch
oklch(42.5% 0.023 243.4)

Traditional「Slate Blue」· Paint「Prussian Blue」· Creative Blush Sunrise

#C23D51

Crimson · Brown · Passion Red

HEX
#C23D51
RGB
rgb(194, 61, 81)
HSL
hsl(351, 52%, 50%)
HSB
hsb(351, 69%, 76%)
CMYK
cmyk(0%, 69%, 58%, 24%)
Oklch
oklch(55.7% 0.169 15.9)

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

#F74344

Peach Pink · Tomato · Coral Red

HEX
#F74344
RGB
rgb(247, 67, 68)
HSL
hsl(360, 92%, 62%)
HSB
hsb(360, 73%, 97%)
CMYK
cmyk(0%, 73%, 72%, 3%)
Oklch
oklch(64.9% 0.216 25.3)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Soft Aurora

#DBA545

Ginger · SandyBrown · Warm Sun

HEX
#DBA545
RGB
rgb(219, 165, 69)
HSL
hsl(38, 68%, 56%)
HSB
hsb(38, 68%, 86%)
CMYK
cmyk(0%, 25%, 68%, 14%)
Oklch
oklch(75.5% 0.128 78.8)

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

#E3DD9B

Fresh Green · Khaki · Sunflower

HEX
#E3DD9B
RGB
rgb(227, 221, 155)
HSL
hsl(55, 56%, 75%)
HSB
hsb(55, 32%, 89%)
CMYK
cmyk(0%, 3%, 32%, 11%)
Oklch
oklch(88.7% 0.085 103.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

44505A
5A4E44

Analogous

445A59
44505A
44455A

Triadic

44505A
5A4450
505A44

Split-Comp.

44505A
5A4445
5A5944

Tetradic

44505A
59445A
5A4E44
455A44

Contrast Matrix WCAG 2.1 Contrast

44505A
C23D51
F74344
DBA545
E3DD9B
—
1.6
Fail
2.3
Fail
3.7
AA Large
5.9
AA
1.6
Fail
—
1.4
Fail
2.3
Fail
3.7
AA Large
2.3
Fail
1.4
Fail
—
1.6
Fail
2.6
Fail
3.7
AA Large
2.3
Fail
1.6
Fail
—
1.6
Fail
5.9
AA
3.7
AA Large
2.6
Fail
1.6
Fail
—
White BG
8.3AAA
5.1AA
3.6AA Large
2.2Fail
1.4Fail
Black BG
2.5Fail
4.1AA Large
5.8AA
9.5AAA
15.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

494958
88874C
A9A744
C4C35C
E0E0AB

Deuteranopia

494857
909A4B
B4C144
C7CB62
E1E1AF

Tritanopia

455655
BB4848
EE4444
D86F73
E3B8BA

Achromatopsia

4E4E4E
676767
797979
AAAAAA
D7D7D7

Shades & Tints Shades & Tints

#44505A

Dark
Light

#C23D51

Dark
Light

#F74344

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #44505a;
  --color-2: #c23d51;
  --color-3: #f74344;
  --color-4: #dba545;
  --color-5: #e3dd9b;
}

SCSS

$color-1: #44505a;
$color-2: #c23d51;
$color-3: #f74344;
$color-4: #dba545;
$color-5: #e3dd9b;

TAILWIND

colors: {
  'brand-1': '#44505a',
  'brand-2': '#c23d51',
  'brand-3': '#f74344',
  'brand-4': '#dba545',
  'brand-5': '#e3dd9b',
}

RGB Array

[68, 80, 90], [194, 61, 81], [247, 67, 68], [219, 165, 69], [227, 221, 155]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #44505A, #C23D51, #F74344, #DBA545, #E3DD9B 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: #44505a; --color-2: #c23d51; --color-3: #f74344; --color-4: #dba545; --color-5: #e3dd9b. 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