← Back to Editor

#B99E85 · #C6AC87 · #BA5661 · #693F47 · #706263

A 5-color palette palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#B99E85

Apricot · Tan · Warm Sun

HEX
#B99E85
RGB
rgb(185, 158, 133)
HSL
hsl(29, 27%, 62%)
HSB
hsb(29, 28%, 73%)
CMYK
cmyk(0%, 15%, 28%, 27%)
Oklch
oklch(71.7% 0.047 64.8)

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

#C6AC87

Ginger · Tan · Warm Sun

HEX
#C6AC87
RGB
rgb(198, 172, 135)
HSL
hsl(35, 36%, 65%)
HSB
hsb(35, 32%, 78%)
CMYK
cmyk(0%, 13%, 32%, 22%)
Oklch
oklch(75.8% 0.059 76.4)

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

#BA5661

Crimson · Sienna · Passion Red

HEX
#BA5661
RGB
rgb(186, 86, 97)
HSL
hsl(353, 42%, 53%)
HSB
hsb(353, 54%, 73%)
CMYK
cmyk(0%, 54%, 48%, 27%)
Oklch
oklch(58.0% 0.129 15.2)

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

#693F47

Crimson · DarkOliveGreen · Wine Red

HEX
#693F47
RGB
rgb(105, 63, 71)
HSL
hsl(349, 25%, 33%)
HSB
hsb(349, 40%, 41%)
CMYK
cmyk(0%, 40%, 32%, 59%)
Oklch
oklch(42.0% 0.060 7.6)

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

#706263

Ink Gray · DimGray · Warm Gray

HEX
#706263
RGB
rgb(112, 98, 99)
HSL
hsl(356, 7%, 41%)
HSB
hsb(356, 12%, 44%)
CMYK
cmyk(0%, 13%, 12%, 56%)
Oklch
oklch(51.0% 0.018 12.8)

Traditional「Ink Gray」· Paint「Warm Gray」· Creative Urban Concrete

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

B99E85
849FB8

Analogous

B88485
B99E85
B8B784

Triadic

B99E85
84B89D
9D84B8

Split-Comp.

B99E85
84B8B7
8485B8

Tetradic

B99E85
85B884
849FB8
B784B8

Contrast Matrix WCAG 2.1 Contrast

B99E85
C6AC87
BA5661
693F47
706263
—
1.2
Fail
1.8
Fail
3.5
AA Large
2.3
Fail
1.2
Fail
—
2.1
Fail
4.0
AA Large
2.7
Fail
1.8
Fail
2.1
Fail
—
1.9
Fail
1.3
Fail
3.5
AA Large
4.0
AA Large
1.9
Fail
—
1.5
Fail
2.3
Fail
2.7
Fail
1.3
Fail
1.5
Fail
—
White BG
2.5Fail
2.2Fail
4.6AA
8.7AAA
5.8AA
Black BG
8.3AAA
9.7AAA
4.6AA
2.4Fail
3.6AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

ADAD8B
BBBB90
8F8E5E
575645
6A6A63

Deuteranopia

AFB18D
BCBE92
959C5E
595C45
6B6C63

Tritanopia

B89091
C59799
B55C5C
674443
6F6363

Achromatopsia

A3A3A3
B0B0B0
757575
4C4C4C
666666

Shades & Tints Shades & Tints

#B99E85

Dark
Light

#C6AC87

Dark
Light

#BA5661

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #b99e85;
  --color-2: #c6ac87;
  --color-3: #ba5661;
  --color-4: #693f47;
  --color-5: #706263;
}

SCSS

$color-1: #b99e85;
$color-2: #c6ac87;
$color-3: #ba5661;
$color-4: #693f47;
$color-5: #706263;

TAILWIND

colors: {
  'brand-1': '#b99e85',
  'brand-2': '#c6ac87',
  'brand-3': '#ba5661',
  'brand-4': '#693f47',
  'brand-5': '#706263',
}

RGB Array

[185, 158, 133], [198, 172, 135], [186, 86, 97], [105, 63, 71], [112, 98, 99]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #B99E85, #C6AC87, #BA5661, #693F47, #706263 is ideal for: brand design, premium product pages, magazine layouts. Low-saturation colors convey a sophisticated, premium feel. It is a classic and elegant choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #b99e85; --color-2: #c6ac87; --color-3: #ba5661; --color-4: #693f47; --color-5: #706263. 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. 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. Restrained colors convey professionalism and trust. 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