← Back to Editor

#FF7A5B · #C05950 · #905557 · #6B4D67 · #372F44

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

#FF7A5B

Peach Pink · Coral · Coral Red

HEX
#FF7A5B
RGB
rgb(255, 122, 91)
HSL
hsl(11, 100%, 68%)
HSB
hsb(11, 64%, 100%)
CMYK
cmyk(0%, 52%, 64%, 0%)
Oklch
oklch(72.9% 0.169 34.4)

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

#C05950

Crimson · Sienna · Passion Red

HEX
#C05950
RGB
rgb(192, 89, 80)
HSL
hsl(5, 47%, 53%)
HSB
hsb(5, 58%, 75%)
CMYK
cmyk(0%, 54%, 58%, 25%)
Oklch
oklch(59.0% 0.134 27.0)

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

#905557

Crimson · Sienna · Passion Red

HEX
#905557
RGB
rgb(144, 85, 87)
HSL
hsl(358, 26%, 45%)
HSB
hsb(358, 41%, 56%)
CMYK
cmyk(0%, 41%, 40%, 44%)
Oklch
oklch(51.8% 0.079 18.0)

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

#6B4D67

Rose Purple · DimGray · Eggplant

HEX
#6B4D67
RGB
rgb(107, 77, 103)
HSL
hsl(308, 16%, 36%)
HSB
hsb(308, 28%, 42%)
CMYK
cmyk(0%, 28%, 4%, 58%)
Oklch
oklch(46.2% 0.056 331.1)

Traditional「Rose Purple」· Paint「Eggplant」· Creative Blush Sunrise

#372F44

Deep Indigo · DarkSlateGray · Eggplant

HEX
#372F44
RGB
rgb(55, 47, 68)
HSL
hsl(263, 18%, 23%)
HSB
hsb(263, 31%, 27%)
CMYK
cmyk(19%, 31%, 0%, 73%)
Oklch
oklch(32.3% 0.038 301.8)

Traditional「Deep Indigo」· Paint「Eggplant」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FF7A5B
5CE1FF

Analogous

FF5C8F
FF7A5B
FFCB5C

Triadic

FF7A5B
5CFF7A
7A5CFF

Split-Comp.

FF7A5B
5CFFCB
5C8FFF

Tetradic

FF7A5B
8FFF5C
5CE1FF
CB5CFF

Contrast Matrix WCAG 2.1 Contrast

FF7A5B
C05950
905557
6B4D67
372F44
—
1.7
Fail
2.3
Fail
2.8
Fail
5.0
AA
1.7
Fail
—
1.3
Fail
1.7
Fail
2.9
Fail
2.3
Fail
1.3
Fail
—
1.3
Fail
2.2
Fail
2.8
Fail
1.7
Fail
1.3
Fail
—
1.7
Fail
5.0
AA
2.9
Fail
2.2
Fail
1.7
Fail
—
White BG
2.6Fail
4.4AA Large
5.8AA
7.3AAA
12.7AAA
Black BG
8.2AAA
4.8AA
3.6AA Large
2.9Fail
1.7Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

C5C463
939252
767657
5E5E61
34333F

Deuteranopia

CDD764
99A153
7A7E56
60625F
34353E

Tritanopia

F8686A
BB5454
8D5656
695C5B
373B3A

Achromatopsia

9E9E9E
777777
676767
595959
343434

Shades & Tints Shades & Tints

#FF7A5B

Dark
Light

#C05950

Dark
Light

#905557

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ff7a5b;
  --color-2: #c05950;
  --color-3: #905557;
  --color-4: #6b4d67;
  --color-5: #372f44;
}

SCSS

$color-1: #ff7a5b;
$color-2: #c05950;
$color-3: #905557;
$color-4: #6b4d67;
$color-5: #372f44;

TAILWIND

colors: {
  'brand-1': '#ff7a5b',
  'brand-2': '#c05950',
  'brand-3': '#905557',
  'brand-4': '#6b4d67',
  'brand-5': '#372f44',
}

RGB Array

[255, 122, 91], [192, 89, 80], [144, 85, 87], [107, 77, 103], [55, 47, 68]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FF7A5B, #C05950, #905557, #6B4D67, #372F44 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: #ff7a5b; --color-2: #c05950; --color-3: #905557; --color-4: #6b4d67; --color-5: #372f44. 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