← Back to Editor

#A3B2B7 · #FB849A · #DC1B4A · #585A1B · #D0B659

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

#A3B2B7

Sky Blue · DarkGray · Lake Green

HEX
#A3B2B7
RGB
rgb(163, 178, 183)
HSL
hsl(195, 12%, 68%)
HSB
hsb(195, 11%, 72%)
CMYK
cmyk(11%, 3%, 0%, 28%)
Oklch
oklch(75.3% 0.018 219.7)

Traditional「Sky Blue」· Paint「Lake Green」· Creative Arctic Pool

#FB849A

Peach Pink · LightCoral · Coral Red

HEX
#FB849A
RGB
rgb(251, 132, 154)
HSL
hsl(349, 94%, 75%)
HSB
hsb(349, 47%, 98%)
CMYK
cmyk(0%, 47%, 39%, 2%)
Oklch
oklch(75.1% 0.146 9.5)

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

#DC1B4A

Vermilion · Crimson · Passion Red

HEX
#DC1B4A
RGB
rgb(220, 27, 74)
HSL
hsl(345, 78%, 48%)
HSB
hsb(345, 88%, 86%)
CMYK
cmyk(0%, 88%, 66%, 14%)
Oklch
oklch(57.6% 0.219 16.2)

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

#585A1B

Autumn Sage · DarkOliveGreen · Amber Gold

HEX
#585A1B
RGB
rgb(88, 90, 27)
HSL
hsl(62, 54%, 23%)
HSB
hsb(62, 70%, 35%)
CMYK
cmyk(2%, 0%, 70%, 65%)
Oklch
oklch(45.2% 0.084 111.1)

Traditional「Autumn Sage」· Paint「Amber Gold」· Creative Blush Sunrise

#D0B659

Ginger · SandyBrown · Sunflower

HEX
#D0B659
RGB
rgb(208, 182, 89)
HSL
hsl(47, 56%, 58%)
HSB
hsb(47, 57%, 82%)
CMYK
cmyk(0%, 12%, 57%, 18%)
Oklch
oklch(78.0% 0.117 93.9)

Traditional「Ginger」· Paint「Sunflower」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

A3B2B7
B7A9A4

Analogous

A4B7B2
A3B2B7
A4A9B7

Triadic

A3B2B7
B7A4B2
B2B7A4

Split-Comp.

A3B2B7
B7A4A9
B7B2A4

Tetradic

A3B2B7
B2A4B7
B7A9A4
A9B7A4

Contrast Matrix WCAG 2.1 Contrast

A3B2B7
FB849A
DC1B4A
585A1B
D0B659
—
1.1
Fail
2.2
Fail
3.3
AA Large
1.1
Fail
1.1
Fail
—
2.1
Fail
3.1
AA Large
1.2
Fail
2.2
Fail
2.1
Fail
—
1.5
Fail
2.4
Fail
3.3
AA Large
3.1
AA Large
1.5
Fail
—
3.6
AA Large
1.1
Fail
1.2
Fail
2.4
Fail
3.6
AA Large
—
White BG
2.2Fail
2.4Fail
4.9AA
7.3AAA
2.0Fail
Black BG
9.6AAA
8.9AAA
4.3AA Large
2.9Fail
10.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

A9AAB6
C7C695
88873F
59592A
C5C570

Deuteranopia

A9A8B6
CED793
94A23C
59592E
C6C875

Tritanopia

A4B5B5
F59090
D23634
583639
CF8185

Achromatopsia

AEAEAE
AAAAAA
5A5A5A
525252
B3B3B3

Shades & Tints Shades & Tints

#A3B2B7

Dark
Light

#FB849A

Dark
Light

#DC1B4A

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #a3b2b7;
  --color-2: #fb849a;
  --color-3: #dc1b4a;
  --color-4: #585a1b;
  --color-5: #d0b659;
}

SCSS

$color-1: #a3b2b7;
$color-2: #fb849a;
$color-3: #dc1b4a;
$color-4: #585a1b;
$color-5: #d0b659;

TAILWIND

colors: {
  'brand-1': '#a3b2b7',
  'brand-2': '#fb849a',
  'brand-3': '#dc1b4a',
  'brand-4': '#585a1b',
  'brand-5': '#d0b659',
}

RGB Array

[163, 178, 183], [251, 132, 154], [220, 27, 74], [88, 90, 27], [208, 182, 89]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #A3B2B7, #FB849A, #DC1B4A, #585A1B, #D0B659 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: #a3b2b7; --color-2: #fb849a; --color-3: #dc1b4a; --color-4: #585a1b; --color-5: #d0b659. 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