← Back to Editor

#FFB88C · #26201D · #A36945 · #1A1614 · #FF863B

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

#FFB88C

Apricot · LightSalmon · Peach Orange

HEX
#FFB88C
RGB
rgb(255, 184, 140)
HSL
hsl(23, 100%, 77%)
HSB
hsb(23, 45%, 100%)
CMYK
cmyk(0%, 28%, 45%, 0%)
Oklch
oklch(83.9% 0.101 52.7)

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

#26201D

Tangerine · Black · Cinnamon

HEX
#26201D
RGB
rgb(38, 32, 29)
HSL
hsl(20, 13%, 13%)
HSB
hsb(20, 24%, 15%)
CMYK
cmyk(0%, 16%, 24%, 85%)
Oklch
oklch(24.9% 0.011 48.3)

Traditional「Tangerine」· Paint「Cinnamon」· Creative Blush Sunrise

#A36945

Tangerine · Sienna · Amber Brown

HEX
#A36945
RGB
rgb(163, 105, 69)
HSL
hsl(23, 41%, 45%)
HSB
hsb(23, 58%, 64%)
CMYK
cmyk(0%, 36%, 58%, 36%)
Oklch
oklch(57.5% 0.090 51.9)

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

#1A1614

Tangerine · Black · Cinnamon

HEX
#1A1614
RGB
rgb(26, 22, 20)
HSL
hsl(20, 13%, 9%)
HSB
hsb(20, 23%, 10%)
CMYK
cmyk(0%, 15%, 23%, 90%)
Oklch
oklch(20.4% 0.008 48.3)

Traditional「Tangerine」· Paint「Cinnamon」· Creative Blush Sunrise

#FF863B

Apricot · Coral · Warm Sun

HEX
#FF863B
RGB
rgb(255, 134, 59)
HSL
hsl(23, 100%, 62%)
HSB
hsb(23, 77%, 100%)
CMYK
cmyk(0%, 47%, 77%, 0%)
Oklch
oklch(74.4% 0.170 49.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FFB88C
8AD2FF

Analogous

FF8A97
FFB88C
FFF18A

Triadic

FFB88C
8AFFB7
B78AFF

Split-Comp.

FFB88C
8AFFF1
8A97FF

Tetradic

FFB88C
97FF8A
8AD2FF
F18AFF

Contrast Matrix WCAG 2.1 Contrast

FFB88C
26201D
A36945
1A1614
FF863B
—
9.6
AAA
2.7
Fail
10.7
AAA
1.4
Fail
9.6
AAA
—
3.6
AA Large
1.1
Fail
6.7
AA
2.7
Fail
3.6
AA Large
—
4.0
AA Large
1.9
Fail
10.7
AAA
1.1
Fail
4.0
AA Large
—
7.5
AAA
1.4
Fail
6.7
AA
1.9
Fail
7.5
AAA
—
White BG
1.7Fail
16.1AAA
4.5AA
18.0AAA
2.4Fail
Black BG
12.5AAA
1.3Fail
4.7AA
1.2Fail
8.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

E0E097
23231E
8A894E
181814
CBCA4D

Deuteranopia

E4EA99
24241E
8D9250
191915
D2DB52

Tritanopia

FB9FA1
261E1E
A05556
1A1515
F95B5F

Achromatopsia

C8C8C8
212121
767676
171717
A2A2A2

Shades & Tints Shades & Tints

#FFB88C

Dark
Light

#26201D

Dark
Light

#A36945

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ffb88c;
  --color-2: #26201d;
  --color-3: #a36945;
  --color-4: #1a1614;
  --color-5: #ff863b;
}

SCSS

$color-1: #ffb88c;
$color-2: #26201d;
$color-3: #a36945;
$color-4: #1a1614;
$color-5: #ff863b;

TAILWIND

colors: {
  'brand-1': '#ffb88c',
  'brand-2': '#26201d',
  'brand-3': '#a36945',
  'brand-4': '#1a1614',
  'brand-5': '#ff863b',
}

RGB Array

[255, 184, 140], [38, 32, 29], [163, 105, 69], [26, 22, 20], [255, 134, 59]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FFB88C, #26201D, #A36945, #1A1614, #FF863B 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: #ffb88c; --color-2: #26201d; --color-3: #a36945; --color-4: #1a1614; --color-5: #ff863b. 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