← Back to Editor

#ADB4AD · #2A3038 · #C74246 · #EBC1A9 · #E6D7BF

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

#ADB4AD

Ash · DarkGray · Silver Sand

HEX
#ADB4AD
RGB
rgb(173, 180, 173)
HSL
hsl(120, 4%, 69%)
HSB
hsb(120, 4%, 71%)
CMYK
cmyk(4%, 0%, 4%, 29%)
Oklch
oklch(76.2% 0.013 145.5)

Traditional「Ash」· Paint「Silver Sand」· Creative Urban Concrete

#2A3038

Indigo · DarkSlateGray · Deep Sea Blue

HEX
#2A3038
RGB
rgb(42, 48, 56)
HSL
hsl(214, 14%, 19%)
HSB
hsb(214, 25%, 22%)
CMYK
cmyk(25%, 14%, 0%, 78%)
Oklch
oklch(30.7% 0.017 255.6)

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

#C74246

Crimson · Sienna · Passion Red

HEX
#C74246
RGB
rgb(199, 66, 70)
HSL
hsl(358, 54%, 52%)
HSB
hsb(358, 67%, 78%)
CMYK
cmyk(0%, 67%, 65%, 22%)
Oklch
oklch(56.9% 0.169 22.6)

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

#EBC1A9

Apricot · Wheat · Peach Orange

HEX
#EBC1A9
RGB
rgb(235, 193, 169)
HSL
hsl(22, 62%, 79%)
HSB
hsb(22, 28%, 92%)
CMYK
cmyk(0%, 18%, 28%, 8%)
Oklch
oklch(84.1% 0.058 51.4)

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

#E6D7BF

Goose Yellow · Wheat · Peach Orange

HEX
#E6D7BF
RGB
rgb(230, 215, 191)
HSL
hsl(37, 44%, 83%)
HSB
hsb(37, 17%, 90%)
CMYK
cmyk(0%, 7%, 17%, 10%)
Oklch
oklch(88.5% 0.036 79.7)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

ADB4AD
B3ADB3

Analogous

B0B3AD
ADB4AD
ADB3B0

Triadic

ADB4AD
ADADB3
B3ADAD

Split-Comp.

ADB4AD
B0ADB3
B3ADB0

Tetradic

ADB4AD
ADB0B3
B3ADB3
B3B0AD

Contrast Matrix WCAG 2.1 Contrast

ADB4AD
2A3038
C74246
EBC1A9
E6D7BF
—
6.3
AA
2.3
Fail
1.3
Fail
1.5
Fail
6.3
AA
—
2.7
Fail
8.1
AAA
9.4
AAA
2.3
Fail
2.7
Fail
—
3.0
Fail
3.5
AA Large
1.3
Fail
8.1
AAA
3.0
Fail
—
1.2
Fail
1.5
Fail
9.4
AAA
3.5
AA Large
1.2
Fail
—
White BG
2.1Fail
13.3AAA
4.9AA
1.6Fail
1.4Fail
Black BG
9.9AAA
1.6Fail
4.3AA Large
12.7AAA
14.8AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

B0B0AF
2D2D36
8D8C45
D9D8AF
E0DFC5

Deuteranopia

B0AFAF
2C2C36
959F45
DBDEB0
E0E2C6

Tritanopia

ADB0B0
2A3534
C04444
E9B3B4
E5C9CA

Achromatopsia

B1B1B1
2F2F2F
6A6A6A
CBCBCB
D9D9D9

Shades & Tints Shades & Tints

#ADB4AD

Dark
Light

#2A3038

Dark
Light

#C74246

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #adb4ad;
  --color-2: #2a3038;
  --color-3: #c74246;
  --color-4: #ebc1a9;
  --color-5: #e6d7bf;
}

SCSS

$color-1: #adb4ad;
$color-2: #2a3038;
$color-3: #c74246;
$color-4: #ebc1a9;
$color-5: #e6d7bf;

TAILWIND

colors: {
  'brand-1': '#adb4ad',
  'brand-2': '#2a3038',
  'brand-3': '#c74246',
  'brand-4': '#ebc1a9',
  'brand-5': '#e6d7bf',
}

RGB Array

[173, 180, 173], [42, 48, 56], [199, 66, 70], [235, 193, 169], [230, 215, 191]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #ADB4AD, #2A3038, #C74246, #EBC1A9, #E6D7BF 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: #adb4ad; --color-2: #2a3038; --color-3: #c74246; --color-4: #ebc1a9; --color-5: #e6d7bf. 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