← Back to Editor

#45281A · #F7A67B · #B27859 · #AA584A · #AA7369

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

#45281A

Tangerine · DarkSlateGray · Cinnamon

HEX
#45281A
RGB
rgb(69, 40, 26)
HSL
hsl(20, 45%, 19%)
HSB
hsb(20, 62%, 27%)
CMYK
cmyk(0%, 42%, 62%, 73%)
Oklch
oklch(31.0% 0.050 46.2)

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

#F7A67B

Apricot · LightSalmon · Warm Sun

HEX
#F7A67B
RGB
rgb(247, 166, 123)
HSL
hsl(21, 89%, 73%)
HSB
hsb(21, 50%, 97%)
CMYK
cmyk(0%, 33%, 50%, 3%)
Oklch
oklch(79.5% 0.112 48.6)

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

#B27859

Tangerine · Sienna · Warm Sun

HEX
#B27859
RGB
rgb(178, 120, 89)
HSL
hsl(21, 37%, 52%)
HSB
hsb(21, 50%, 70%)
CMYK
cmyk(0%, 33%, 50%, 30%)
Oklch
oklch(62.5% 0.085 48.8)

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

#AA584A

Crimson · Sienna · Passion Red

HEX
#AA584A
RGB
rgb(170, 88, 74)
HSL
hsl(9, 39%, 48%)
HSB
hsb(9, 56%, 67%)
CMYK
cmyk(0%, 48%, 56%, 33%)
Oklch
oklch(55.5% 0.110 31.0)

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

#AA7369

Crimson · Gray · Passion Red

HEX
#AA7369
RGB
rgb(170, 115, 105)
HSL
hsl(9, 28%, 54%)
HSB
hsb(9, 38%, 67%)
CMYK
cmyk(0%, 32%, 38%, 33%)
Oklch
oklch(61.0% 0.072 30.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

45281A
1B3846

Analogous

461B22
45281A
463F1B

Triadic

45281A
1B4629
291B46

Split-Comp.

45281A
1B463F
1B2246

Tetradic

45281A
22461B
1B3846
3F1B46

Contrast Matrix WCAG 2.1 Contrast

45281A
F7A67B
B27859
AA584A
AA7369
—
6.8
AA
3.6
AA Large
2.7
Fail
3.4
AA Large
6.8
AA
—
1.9
Fail
2.5
Fail
2.0
Fail
3.6
AA Large
1.9
Fail
—
1.4
Fail
1.1
Fail
2.7
Fail
2.5
Fail
1.4
Fail
—
1.3
Fail
3.4
AA Large
2.0
Fail
1.1
Fail
1.3
Fail
—
White BG
13.4AAA
2.0Fail
3.7AA Large
5.0AA
3.9AA Large
Black BG
1.6Fail
10.7AAA
5.7AA
4.2AA Large
5.4AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

38381D
D4D385
999861
86864D
92926B

Deuteranopia

3A3C1E
D9DF88
9CA162
8B914E
959A6C

Tritanopia

442021
F38E8F
AF6668
A65051
A76D6E

Achromatopsia

2F2F2F
B9B9B9
868686
6F6F6F
828282

Shades & Tints Shades & Tints

#45281A

Dark
Light

#F7A67B

Dark
Light

#B27859

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #45281a;
  --color-2: #f7a67b;
  --color-3: #b27859;
  --color-4: #aa584a;
  --color-5: #aa7369;
}

SCSS

$color-1: #45281a;
$color-2: #f7a67b;
$color-3: #b27859;
$color-4: #aa584a;
$color-5: #aa7369;

TAILWIND

colors: {
  'brand-1': '#45281a',
  'brand-2': '#f7a67b',
  'brand-3': '#b27859',
  'brand-4': '#aa584a',
  'brand-5': '#aa7369',
}

RGB Array

[69, 40, 26], [247, 166, 123], [178, 120, 89], [170, 88, 74], [170, 115, 105]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #45281A, #F7A67B, #B27859, #AA584A, #AA7369 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: #45281a; --color-2: #f7a67b; --color-3: #b27859; --color-4: #aa584a; --color-5: #aa7369. 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