← Back to Editor

#65463A · #AA6A58 · #B29582 · #C3D0B7 · #EBF2D0

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 LibraryData Visualization

Color Details Color Details

#65463A

Tangerine · DarkOliveGreen · Amber Brown

HEX
#65463A
RGB
rgb(101, 70, 58)
HSL
hsl(17, 27%, 31%)
HSB
hsb(17, 43%, 40%)
CMYK
cmyk(0%, 31%, 43%, 60%)
Oklch
oklch(42.5% 0.047 42.0)

Traditional「Tangerine」· Paint「Amber Brown」· Creative Blush Sunrise

#AA6A58

Crimson · Sienna · Passion Red

HEX
#AA6A58
RGB
rgb(170, 106, 88)
HSL
hsl(13, 33%, 51%)
HSB
hsb(13, 48%, 67%)
CMYK
cmyk(0%, 38%, 48%, 33%)
Oklch
oklch(58.9% 0.087 36.5)

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

#B29582

Tangerine · DarkGray · Warm Sun

HEX
#B29582
RGB
rgb(178, 149, 130)
HSL
hsl(24, 24%, 60%)
HSB
hsb(24, 27%, 70%)
CMYK
cmyk(0%, 16%, 27%, 30%)
Oklch
oklch(69.1% 0.044 55.1)

Traditional「Tangerine」· Paint「Warm Sun」· Creative Blush Sunrise

#C3D0B7

Celadon · Silver · Apple Green

HEX
#C3D0B7
RGB
rgb(195, 208, 183)
HSL
hsl(91, 21%, 77%)
HSB
hsb(91, 12%, 82%)
CMYK
cmyk(6%, 0%, 12%, 18%)
Oklch
oklch(84.1% 0.037 129.7)

Traditional「Celadon」· Paint「Apple Green」· Creative Mint Breeze

#EBF2D0

Willow Green · Beige · Mint Green

HEX
#EBF2D0
RGB
rgb(235, 242, 208)
HSL
hsl(72, 57%, 88%)
HSB
hsb(72, 14%, 95%)
CMYK
cmyk(3%, 0%, 14%, 5%)
Oklch
oklch(94.7% 0.045 116.7)

Traditional「Willow Green」· Paint「Mint Green」· Creative Mint Breeze

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

65463A
3A5864

Analogous

643A43
65463A
645B3A

Triadic

65463A
3A6446
463A64

Split-Comp.

65463A
3A645B
3A4364

Tetradic

65463A
43643A
3A5864
5B3A64

Contrast Matrix WCAG 2.1 Contrast

65463A
AA6A58
B29582
C3D0B7
EBF2D0
—
2.0
Fail
3.0
AA Large
5.2
AA
7.3
AAA
2.0
Fail
—
1.5
Fail
2.7
Fail
3.7
AA Large
3.0
AA Large
1.5
Fail
—
1.7
Fail
2.4
Fail
5.2
AA
2.7
Fail
1.7
Fail
—
1.4
Fail
7.3
AAA
3.7
AA Large
2.4
Fail
1.4
Fail
—
White BG
8.4AAA
4.3AA Large
2.8Fail
1.6Fail
1.2Fail
Black BG
2.5Fail
4.9AA
7.5AAA
13.0AAA
18.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

58573D
8E8E5C
A5A587
C9C9BD
EEEED8

Deuteranopia

595C3E
92975D
A7A988
C8C7BF
EEEDDA

Tritanopia

633F40
A76061
B18A8B
C4C2C3
EBDFE0

Achromatopsia

4E4E4E
7B7B7B
9C9C9C
C9C9C9
ECECEC

Shades & Tints Shades & Tints

#65463A

Dark
Light

#AA6A58

Dark
Light

#B29582

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #65463a;
  --color-2: #aa6a58;
  --color-3: #b29582;
  --color-4: #c3d0b7;
  --color-5: #ebf2d0;
}

SCSS

$color-1: #65463a;
$color-2: #aa6a58;
$color-3: #b29582;
$color-4: #c3d0b7;
$color-5: #ebf2d0;

TAILWIND

colors: {
  'brand-1': '#65463a',
  'brand-2': '#aa6a58',
  'brand-3': '#b29582',
  'brand-4': '#c3d0b7',
  'brand-5': '#ebf2d0',
}

RGB Array

[101, 70, 58], [170, 106, 88], [178, 149, 130], [195, 208, 183], [235, 242, 208]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #65463A, #AA6A58, #B29582, #C3D0B7, #EBF2D0 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: #65463a; --color-2: #aa6a58; --color-3: #b29582; --color-4: #c3d0b7; --color-5: #ebf2d0. 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