← Back to Editor

#AEB3BE · #C1A3B3 · #D7869A · #FA3750 · #1B1C1E

warm

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

#AEB3BE

Azure · Silver · Cobalt Blue

HEX
#AEB3BE
RGB
rgb(174, 179, 190)
HSL
hsl(221, 11%, 71%)
HSB
hsb(221, 8%, 75%)
CMYK
cmyk(8%, 6%, 0%, 25%)
Oklch
oklch(76.6% 0.017 266.2)

Traditional「Azure」· Paint「Cobalt Blue」· Creative Twilight Haze

#C1A3B3

Mauve · DarkGray · Rose Pink

HEX
#C1A3B3
RGB
rgb(193, 163, 179)
HSL
hsl(328, 19%, 70%)
HSB
hsb(328, 16%, 76%)
CMYK
cmyk(0%, 16%, 7%, 24%)
Oklch
oklch(74.7% 0.041 344.8)

Traditional「Mauve」· Paint「Rose Pink」· Creative Rose Petal

#D7869A

Peach Pink · LightCoral · Coral Red

HEX
#D7869A
RGB
rgb(215, 134, 154)
HSL
hsl(345, 50%, 68%)
HSB
hsb(345, 38%, 84%)
CMYK
cmyk(0%, 38%, 28%, 16%)
Oklch
oklch(71.0% 0.102 4.0)

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

#FA3750

Vermilion · Tomato · Passion Red

HEX
#FA3750
RGB
rgb(250, 55, 80)
HSL
hsl(352, 95%, 60%)
HSB
hsb(352, 78%, 98%)
CMYK
cmyk(0%, 78%, 68%, 2%)
Oklch
oklch(64.7% 0.227 20.2)

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

#1B1C1E

Ink Black · Black · Dark Stone

HEX
#1B1C1E
RGB
rgb(27, 28, 30)
HSL
hsl(220, 5%, 11%)
HSB
hsb(220, 10%, 12%)
CMYK
cmyk(10%, 7%, 0%, 88%)
Oklch
oklch(22.6% 0.004 264.5)

Traditional「Ink Black」· Paint「Dark Stone」· Creative Midnight Shadow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

AEB3BE
BDB8AD

Analogous

ADBABD
AEB3BE
B0ADBD

Triadic

AEB3BE
BDADB2
B2BDAD

Split-Comp.

AEB3BE
BDB0AD
BABDAD

Tetradic

AEB3BE
BDADBA
BDB8AD
ADBDB0

Contrast Matrix WCAG 2.1 Contrast

AEB3BE
C1A3B3
D7869A
FA3750
1B1C1E
—
1.1
Fail
1.3
Fail
1.7
Fail
8.1
AAA
1.1
Fail
—
1.2
Fail
1.6
Fail
7.4
AAA
1.3
Fail
1.2
Fail
—
1.4
Fail
6.3
AA
1.7
Fail
1.6
Fail
1.4
Fail
—
4.7
AA
8.1
AAA
7.4
AAA
6.3
AA
4.7
AA
—
White BG
2.1Fail
2.3Fail
2.7Fail
3.7AA Large
17.1AAA
Black BG
10.0AAA
9.2AAA
7.8AAA
5.7AA
1.2Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

B0B0BB
B4B4AF
B4B395
A6A44A
1B1B1E

Deuteranopia

B0B0BB
B6B8AE
B9BF94
B1C049
1B1B1D

Tritanopia

AEB9B9
C0ACAB
D39191
F04544
1B1D1D

Achromatopsia

B3B3B3
AEAEAE
A0A0A0
747474
1C1C1C

Shades & Tints Shades & Tints

#AEB3BE

Dark
Light

#C1A3B3

Dark
Light

#D7869A

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #aeb3be;
  --color-2: #c1a3b3;
  --color-3: #d7869a;
  --color-4: #fa3750;
  --color-5: #1b1c1e;
}

SCSS

$color-1: #aeb3be;
$color-2: #c1a3b3;
$color-3: #d7869a;
$color-4: #fa3750;
$color-5: #1b1c1e;

TAILWIND

colors: {
  'brand-1': '#aeb3be',
  'brand-2': '#c1a3b3',
  'brand-3': '#d7869a',
  'brand-4': '#fa3750',
  'brand-5': '#1b1c1e',
}

RGB Array

[174, 179, 190], [193, 163, 179], [215, 134, 154], [250, 55, 80], [27, 28, 30]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This warm-style palette of #AEB3BE, #C1A3B3, #D7869A, #FA3750, #1B1C1E 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: #aeb3be; --color-2: #c1a3b3; --color-3: #d7869a; --color-4: #fa3750; --color-5: #1b1c1e. 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 warm-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