← Back to Editor

#483E58 · #635682 · #FCD3BC · #C1707A · #A33F57

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

#483E58

Deep Indigo · DarkSlateGray · Eggplant

HEX
#483E58
RGB
rgb(72, 62, 88)
HSL
hsl(263, 17%, 29%)
HSB
hsb(263, 30%, 35%)
CMYK
cmyk(18%, 30%, 0%, 65%)
Oklch
oklch(38.5% 0.045 301.9)

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

#635682

Deep Indigo · DimGray · Navy Blue

HEX
#635682
RGB
rgb(99, 86, 130)
HSL
hsl(258, 20%, 42%)
HSB
hsb(258, 34%, 51%)
CMYK
cmyk(24%, 34%, 0%, 49%)
Oklch
oklch(48.4% 0.071 297.3)

Traditional「Deep Indigo」· Paint「Navy Blue」· Creative Blush Sunrise

#FCD3BC

Apricot · Wheat · Peach Orange

HEX
#FCD3BC
RGB
rgb(252, 211, 188)
HSL
hsl(22, 91%, 86%)
HSB
hsb(22, 25%, 99%)
CMYK
cmyk(0%, 16%, 25%, 1%)
Oklch
oklch(89.6% 0.056 51.0)

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

#C1707A

Crimson · LightCoral · Passion Red

HEX
#C1707A
RGB
rgb(193, 112, 122)
HSL
hsl(353, 40%, 60%)
HSB
hsb(353, 42%, 76%)
CMYK
cmyk(0%, 42%, 37%, 24%)
Oklch
oklch(63.7% 0.103 12.5)

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

#A33F57

Crimson · Sienna · Passion Red

HEX
#A33F57
RGB
rgb(163, 63, 87)
HSL
hsl(346, 44%, 44%)
HSB
hsb(346, 61%, 64%)
CMYK
cmyk(0%, 61%, 47%, 36%)
Oklch
oklch(51.1% 0.134 8.4)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

483E58
4D573D

Analogous

3D4057
483E58
543D57

Triadic

483E58
57473D
3D5747

Split-Comp.

483E58
57543D
40573D

Tetradic

483E58
573D40
4D573D
3D5754

Contrast Matrix WCAG 2.1 Contrast

483E58
635682
FCD3BC
C1707A
A33F57
—
1.5
Fail
7.2
AAA
2.8
Fail
1.6
Fail
1.5
Fail
—
4.8
AA
1.8
Fail
1.1
Fail
7.2
AAA
4.8
AA
—
2.6
Fail
4.5
AA Large
2.8
Fail
1.8
Fail
2.6
Fail
—
1.7
Fail
1.6
Fail
1.1
Fail
4.5
AA Large
1.7
Fail
—
White BG
10.0AAA
6.6AA
1.4Fail
3.6AA Large
6.2AA
Black BG
2.1Fail
3.2AA Large
15.2AAA
5.9AA
3.4AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

444452
5D5D77
EAEAC2
9E9D78
787751

Deuteranopia

444550
5E5F75
EDF0C3
A3A977
7E8550

Tritanopia

474D4C
626F6D
FAC6C7
BD7675
9E4D4C

Achromatopsia

444444
5F5F5F
DDDDDD
898989
606060

Shades & Tints Shades & Tints

#483E58

Dark
Light

#635682

Dark
Light

#FCD3BC

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #483e58;
  --color-2: #635682;
  --color-3: #fcd3bc;
  --color-4: #c1707a;
  --color-5: #a33f57;
}

SCSS

$color-1: #483e58;
$color-2: #635682;
$color-3: #fcd3bc;
$color-4: #c1707a;
$color-5: #a33f57;

TAILWIND

colors: {
  'brand-1': '#483e58',
  'brand-2': '#635682',
  'brand-3': '#fcd3bc',
  'brand-4': '#c1707a',
  'brand-5': '#a33f57',
}

RGB Array

[72, 62, 88], [99, 86, 130], [252, 211, 188], [193, 112, 122], [163, 63, 87]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #483E58, #635682, #FCD3BC, #C1707A, #A33F57 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: #483e58; --color-2: #635682; --color-3: #fcd3bc; --color-4: #c1707a; --color-5: #a33f57. 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