← Back to Editor

#FA876A · #BB6564 · #985A5B · #664B50 · #2C0D13

spring

A 5-color spring 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

#FA876A

Peach Pink · Salmon · Coral Red

HEX
#FA876A
RGB
rgb(250, 135, 106)
HSL
hsl(12, 94%, 70%)
HSB
hsb(12, 58%, 98%)
CMYK
cmyk(0%, 46%, 58%, 2%)
Oklch
oklch(74.4% 0.147 35.2)

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

#BB6564

Crimson · Sienna · Passion Red

HEX
#BB6564
RGB
rgb(187, 101, 100)
HSL
hsl(1, 39%, 56%)
HSB
hsb(1, 47%, 73%)
CMYK
cmyk(0%, 46%, 47%, 27%)
Oklch
oklch(60.6% 0.111 21.6)

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

#985A5B

Crimson · Sienna · Passion Red

HEX
#985A5B
RGB
rgb(152, 90, 91)
HSL
hsl(359, 26%, 47%)
HSB
hsb(359, 41%, 60%)
CMYK
cmyk(0%, 41%, 40%, 40%)
Oklch
oklch(53.8% 0.082 19.1)

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

#664B50

Crimson · DimGray · Wine Red

HEX
#664B50
RGB
rgb(102, 75, 80)
HSL
hsl(349, 15%, 35%)
HSB
hsb(349, 26%, 40%)
CMYK
cmyk(0%, 26%, 22%, 60%)
Oklch
oklch(44.3% 0.037 6.4)

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

#2C0D13

Crimson · Black · Deep Berry

HEX
#2C0D13
RGB
rgb(44, 13, 19)
HSL
hsl(348, 54%, 11%)
HSB
hsb(348, 70%, 17%)
CMYK
cmyk(0%, 70%, 57%, 83%)
Oklch
oklch(21.2% 0.052 10.6)

Traditional「Crimson」· Paint「Deep Berry」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FA876A
6BDEFA

Analogous

FA6B96
FA876A
FACF6B

Triadic

FA876A
6BFA87
876BFA

Split-Comp.

FA876A
6BFACF
6B96FA

Tetradic

FA876A
96FA6B
6BDEFA
CF6BFA

Contrast Matrix WCAG 2.1 Contrast

FA876A
BB6564
985A5B
664B50
2C0D13
—
1.7
Fail
2.2
Fail
3.3
AA Large
7.4
AAA
1.7
Fail
—
1.3
Fail
1.9
Fail
4.4
AA Large
2.2
Fail
1.3
Fail
—
1.5
Fail
3.4
AA Large
3.3
AA Large
1.9
Fail
1.5
Fail
—
2.3
Fail
7.4
AAA
4.4
AA Large
3.4
AA Large
2.3
Fail
—
White BG
2.4Fail
4.1AA Large
5.3AA
7.8AAA
17.9AAA
Black BG
8.7AAA
5.2AA
3.9AA Large
2.7Fail
1.2Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

C8C771
969564
7D7D5B
5A5A4F
1F1E12

Deuteranopia

CFD873
9BA164
81855B
5C5E4F
202311

Tritanopia

F47778
B76464
955B5B
654E4E
2A1010

Achromatopsia

A6A6A6
7F7F7F
6D6D6D
545454
171717

Shades & Tints Shades & Tints

#FA876A

Dark
Light

#BB6564

Dark
Light

#985A5B

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fa876a;
  --color-2: #bb6564;
  --color-3: #985a5b;
  --color-4: #664b50;
  --color-5: #2c0d13;
}

SCSS

$color-1: #fa876a;
$color-2: #bb6564;
$color-3: #985a5b;
$color-4: #664b50;
$color-5: #2c0d13;

TAILWIND

colors: {
  'brand-1': '#fa876a',
  'brand-2': '#bb6564',
  'brand-3': '#985a5b',
  'brand-4': '#664b50',
  'brand-5': '#2c0d13',
}

RGB Array

[250, 135, 106], [187, 101, 100], [152, 90, 91], [102, 75, 80], [44, 13, 19]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This spring-style palette of #FA876A, #BB6564, #985A5B, #664B50, #2C0D13 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: #fa876a; --color-2: #bb6564; --color-3: #985a5b; --color-4: #664b50; --color-5: #2c0d13. 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 spring-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