← Back to Editor

#ABBAB9 · #719B9A · #3F272E · #2B0D0A · #D6B68D

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

#ABBAB9

Jade · Silver · Lake Green

HEX
#ABBAB9
RGB
rgb(171, 186, 185)
HSL
hsl(176, 10%, 70%)
HSB
hsb(176, 8%, 73%)
CMYK
cmyk(8%, 0%, 1%, 27%)
Oklch
oklch(77.7% 0.017 192.0)

Traditional「Jade」· Paint「Lake Green」· Creative Arctic Pool

#719B9A

Mineral Blue · CadetBlue · Lake Green

HEX
#719B9A
RGB
rgb(113, 155, 154)
HSL
hsl(179, 17%, 53%)
HSB
hsb(179, 27%, 61%)
CMYK
cmyk(27%, 0%, 1%, 39%)
Oklch
oklch(65.9% 0.046 194.3)

Traditional「Mineral Blue」· Paint「Lake Green」· Creative Blush Sunrise

#3F272E

Dark Violet · DarkSlateGray · Raspberry

HEX
#3F272E
RGB
rgb(63, 39, 46)
HSL
hsl(343, 24%, 20%)
HSB
hsb(343, 38%, 25%)
CMYK
cmyk(0%, 38%, 27%, 75%)
Oklch
oklch(30.5% 0.038 0.6)

Traditional「Dark Violet」· Paint「Raspberry」· Creative Blush Sunrise

#2B0D0A

Vermilion · Black · Deep Berry

HEX
#2B0D0A
RGB
rgb(43, 13, 10)
HSL
hsl(5, 62%, 10%)
HSB
hsb(5, 77%, 17%)
CMYK
cmyk(0%, 70%, 77%, 83%)
Oklch
oklch(20.8% 0.051 28.0)

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

#D6B68D

Ginger · Tan · Warm Sun

HEX
#D6B68D
RGB
rgb(214, 182, 141)
HSL
hsl(34, 47%, 70%)
HSB
hsb(34, 34%, 84%)
CMYK
cmyk(0%, 15%, 34%, 16%)
Oklch
oklch(79.4% 0.066 73.5)

Traditional「Ginger」· Paint「Warm Sun」· Creative Honey Glow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

ABBAB9
BAABAC

Analogous

ABBAB1
ABBAB9
ABB4BA

Triadic

ABBAB9
B9ABBA
BAB9AB

Split-Comp.

ABBAB9
BAABB4
BAB1AB

Tetradic

ABBAB9
B1ABBA
BAABAC
B4BAAB

Contrast Matrix WCAG 2.1 Contrast

ABBAB9
719B9A
3F272E
2B0D0A
D6B68D
—
1.5
Fail
6.8
AA
9.0
AAA
1.0
Fail
1.5
Fail
—
4.4
AA Large
5.9
AA
1.6
Fail
6.8
AA
4.4
AA Large
—
1.3
Fail
7.1
AAA
9.0
AAA
5.9
AA
1.3
Fail
—
9.4
AAA
1.0
Fail
1.6
Fail
7.1
AAA
9.4
AAA
—
White BG
2.0Fail
3.1AA Large
13.6AAA
18.0AAA
1.9Fail
Black BG
10.5AAA
6.9AA
1.5Fail
1.2Fail
10.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

B1B2B9
83849A
35342C
1E1E0B
C8C897

Deuteranopia

B1B0B9
817E9A
36382C
20220B
CACC99

Tritanopia

ACB9B9
739A9A
3E2B2B
2A0B0B
D49FA0

Achromatopsia

B5B5B5
8E8E8E
2F2F2F
161616
BBBBBB

Shades & Tints Shades & Tints

#ABBAB9

Dark
Light

#719B9A

Dark
Light

#3F272E

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #abbab9;
  --color-2: #719b9a;
  --color-3: #3f272e;
  --color-4: #2b0d0a;
  --color-5: #d6b68d;
}

SCSS

$color-1: #abbab9;
$color-2: #719b9a;
$color-3: #3f272e;
$color-4: #2b0d0a;
$color-5: #d6b68d;

TAILWIND

colors: {
  'brand-1': '#abbab9',
  'brand-2': '#719b9a',
  'brand-3': '#3f272e',
  'brand-4': '#2b0d0a',
  'brand-5': '#d6b68d',
}

RGB Array

[171, 186, 185], [113, 155, 154], [63, 39, 46], [43, 13, 10], [214, 182, 141]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This warm-style palette of #ABBAB9, #719B9A, #3F272E, #2B0D0A, #D6B68D 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: #abbab9; --color-2: #719b9a; --color-3: #3f272e; --color-4: #2b0d0a; --color-5: #d6b68d. 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