← Back to Editor

#634A50 · #FD6974 · #100D07 · #D85D5C · #B58D7D

A 5-color palette palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#634A50

Crimson · DimGray · Wine Red

HEX
#634A50
RGB
rgb(99, 74, 80)
HSL
hsl(346, 14%, 34%)
HSB
hsb(346, 25%, 39%)
CMYK
cmyk(0%, 25%, 19%, 61%)
Oklch
oklch(43.8% 0.035 2.7)

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

#FD6974

Peach Pink · Salmon · Coral Red

HEX
#FD6974
RGB
rgb(253, 105, 116)
HSL
hsl(356, 97%, 70%)
HSB
hsb(356, 58%, 99%)
CMYK
cmyk(0%, 58%, 54%, 1%)
Oklch
oklch(70.8% 0.181 18.5)

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

#100D07

Ochre · Black · Amber Gold

HEX
#100D07
RGB
rgb(16, 13, 7)
HSL
hsl(40, 39%, 5%)
HSB
hsb(40, 56%, 6%)
CMYK
cmyk(0%, 19%, 56%, 94%)
Oklch
oklch(16.1% 0.014 85.4)

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

#D85D5C

Vermilion · Tomato · Passion Red

HEX
#D85D5C
RGB
rgb(216, 93, 92)
HSL
hsl(0, 61%, 60%)
HSB
hsb(0, 57%, 85%)
CMYK
cmyk(0%, 57%, 57%, 15%)
Oklch
oklch(63.3% 0.156 23.0)

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

#B58D7D

Tangerine · Tan · Warm Sun

HEX
#B58D7D
RGB
rgb(181, 141, 125)
HSL
hsl(17, 27%, 60%)
HSB
hsb(17, 31%, 71%)
CMYK
cmyk(0%, 22%, 31%, 29%)
Oklch
oklch(67.7% 0.054 42.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

634A50
4B635D

Analogous

634B5C
634A50
63514B

Triadic

634A50
50634B
4B5063

Split-Comp.

634A50
4B6351
4B5C63

Tetradic

634A50
5C634B
4B635D
514B63

Contrast Matrix WCAG 2.1 Contrast

634A50
FD6974
100D07
D85D5C
B58D7D
—
2.8
Fail
2.4
Fail
2.1
Fail
2.7
Fail
2.8
Fail
—
6.9
AA
1.3
Fail
1.1
Fail
2.4
Fail
6.9
AA
—
5.2
AA
6.5
AA
2.1
Fail
1.3
Fail
5.2
AA
—
1.3
Fail
2.7
Fail
1.1
Fail
6.5
AA
1.3
Fail
—
White BG
8.0AAA
2.8Fail
19.4AAA
3.7AA Large
3.0Fail
Black BG
2.6Fail
7.4AAA
1.1Fail
5.6AA
7.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

58584F
BDBC71
0F0F08
A3A25C
A4A381

Deuteranopia

5A5C4E
C6D171
0F0F09
AAB35C
A6A982

Tritanopia

624D4D
F66F6F
100A0A
D25C5C
B38485

Achromatopsia

525252
979797
0D0D0D
828282
979797

Shades & Tints Shades & Tints

#634A50

Dark
Light

#FD6974

Dark
Light

#100D07

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #634a50;
  --color-2: #fd6974;
  --color-3: #100d07;
  --color-4: #d85d5c;
  --color-5: #b58d7d;
}

SCSS

$color-1: #634a50;
$color-2: #fd6974;
$color-3: #100d07;
$color-4: #d85d5c;
$color-5: #b58d7d;

TAILWIND

colors: {
  'brand-1': '#634a50',
  'brand-2': '#fd6974',
  'brand-3': '#100d07',
  'brand-4': '#d85d5c',
  'brand-5': '#b58d7d',
}

RGB Array

[99, 74, 80], [253, 105, 116], [16, 13, 7], [216, 93, 92], [181, 141, 125]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #634A50, #FD6974, #100D07, #D85D5C, #B58D7D 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: #634a50; --color-2: #fd6974; --color-3: #100d07; --color-4: #d85d5c; --color-5: #b58d7d. 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