← Back to Editor

#653830 · #F0D3B4 · #F0AFAB · #F49997 · #1D100E

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

#653830

Crimson · DarkOliveGreen · Wine Red

HEX
#653830
RGB
rgb(101, 56, 48)
HSL
hsl(9, 36%, 29%)
HSB
hsb(9, 52%, 40%)
CMYK
cmyk(0%, 45%, 52%, 60%)
Oklch
oklch(39.4% 0.066 31.0)

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

#F0D3B4

Goose Yellow · Wheat · Peach Orange

HEX
#F0D3B4
RGB
rgb(240, 211, 180)
HSL
hsl(31, 67%, 82%)
HSB
hsb(31, 25%, 94%)
CMYK
cmyk(0%, 12%, 25%, 6%)
Oklch
oklch(88.3% 0.052 68.9)

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

#F0AFAB

Peach Pink · LightPink · Cherry Blossom

HEX
#F0AFAB
RGB
rgb(240, 175, 171)
HSL
hsl(3, 70%, 81%)
HSB
hsb(3, 29%, 94%)
CMYK
cmyk(0%, 27%, 29%, 6%)
Oklch
oklch(81.4% 0.077 22.9)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Blush Sunrise

#F49997

Peach Pink · DarkSalmon · Coral Red

HEX
#F49997
RGB
rgb(244, 153, 151)
HSL
hsl(1, 81%, 77%)
HSB
hsb(1, 38%, 96%)
CMYK
cmyk(0%, 37%, 38%, 4%)
Oklch
oklch(77.5% 0.110 21.3)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

#1D100E

Crimson · Black · Deep Berry

HEX
#1D100E
RGB
rgb(29, 16, 14)
HSL
hsl(8, 35%, 8%)
HSB
hsb(8, 52%, 11%)
CMYK
cmyk(0%, 45%, 52%, 89%)
Oklch
oklch(19.0% 0.023 29.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

653830
2F5D65

Analogous

652F42
653830
65522F

Triadic

653830
2F6537
372F65

Split-Comp.

653830
2F6552
2F4265

Tetradic

653830
42652F
2F5D65
522F65

Contrast Matrix WCAG 2.1 Contrast

653830
F0D3B4
F0AFAB
F49997
1D100E
—
6.8
AA
5.3
AA
4.6
AA
1.9
Fail
6.8
AA
—
1.3
Fail
1.5
Fail
13.0
AAA
5.3
AA
1.3
Fail
—
1.2
Fail
10.1
AAA
4.6
AA
1.5
Fail
1.2
Fail
—
8.7
AAA
1.9
Fail
13.0
AAA
10.1
AAA
8.7
AAA
—
White BG
9.7AAA
1.4Fail
1.8Fail
2.1Fail
18.5AAA
Black BG
2.2Fail
14.7AAA
11.4AAA
9.8AAA
1.1Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

525132
E3E3BC
D4D3AC
CDCC97
17170E

Deuteranopia

545732
E5E7BD
D8DDAC
D2D998
18190F

Tritanopia

633334
EFC1C3
EDADAD
EF9898
1C0F0F

Achromatopsia

454545
D8D8D8
C2C2C2
B4B4B4
141414

Shades & Tints Shades & Tints

#653830

Dark
Light

#F0D3B4

Dark
Light

#F0AFAB

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #653830;
  --color-2: #f0d3b4;
  --color-3: #f0afab;
  --color-4: #f49997;
  --color-5: #1d100e;
}

SCSS

$color-1: #653830;
$color-2: #f0d3b4;
$color-3: #f0afab;
$color-4: #f49997;
$color-5: #1d100e;

TAILWIND

colors: {
  'brand-1': '#653830',
  'brand-2': '#f0d3b4',
  'brand-3': '#f0afab',
  'brand-4': '#f49997',
  'brand-5': '#1d100e',
}

RGB Array

[101, 56, 48], [240, 211, 180], [240, 175, 171], [244, 153, 151], [29, 16, 14]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #653830, #F0D3B4, #F0AFAB, #F49997, #1D100E 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: #653830; --color-2: #f0d3b4; --color-3: #f0afab; --color-4: #f49997; --color-5: #1d100e. 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