← Back to Editor

#424959 · #BF7E52 · #FB8333 · #F5D0B8 · #E6EAF2

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#424959

Indigo · DarkSlateGray · Prussian Blue

HEX
#424959
RGB
rgb(66, 73, 89)
HSL
hsl(222, 15%, 30%)
HSB
hsb(222, 26%, 35%)
CMYK
cmyk(26%, 18%, 0%, 65%)
Oklch
oklch(40.5% 0.028 266.5)

Traditional「Indigo」· Paint「Prussian Blue」· Creative Blush Sunrise

#BF7E52

Tangerine · Chocolate · Warm Sun

HEX
#BF7E52
RGB
rgb(191, 126, 82)
HSL
hsl(24, 46%, 54%)
HSB
hsb(24, 57%, 75%)
CMYK
cmyk(0%, 34%, 57%, 25%)
Oklch
oklch(65.1% 0.100 54.1)

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

#FB8333

Tangerine · Coral · Warm Sun

HEX
#FB8333
RGB
rgb(251, 131, 51)
HSL
hsl(24, 96%, 59%)
HSB
hsb(24, 80%, 98%)
CMYK
cmyk(0%, 48%, 80%, 2%)
Oklch
oklch(73.3% 0.171 50.1)

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

#F5D0B8

Apricot · Wheat · Peach Orange

HEX
#F5D0B8
RGB
rgb(245, 208, 184)
HSL
hsl(24, 75%, 84%)
HSB
hsb(24, 25%, 96%)
CMYK
cmyk(0%, 15%, 25%, 4%)
Oklch
oklch(88.3% 0.053 54.9)

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

#E6EAF2

Azure · Lavender · Sky Blue

HEX
#E6EAF2
RGB
rgb(230, 234, 242)
HSL
hsl(220, 32%, 93%)
HSB
hsb(220, 5%, 95%)
CMYK
cmyk(5%, 3%, 0%, 5%)
Oklch
oklch(93.6% 0.012 264.5)

Traditional「Azure」· Paint「Sky Blue」· Creative Twilight Haze

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

424959
585141

Analogous

415358
424959
464158

Triadic

424959
584148
485841

Split-Comp.

424959
584641
535841

Tetradic

424959
584153
585141
415846

Contrast Matrix WCAG 2.1 Contrast

424959
BF7E52
FB8333
F5D0B8
E6EAF2
—
2.7
Fail
3.6
AA Large
6.3
AA
7.5
AAA
2.7
Fail
—
1.3
Fail
2.3
Fail
2.8
Fail
3.6
AA Large
1.3
Fail
—
1.7
Fail
2.1
Fail
6.3
AA
2.3
Fail
1.7
Fail
—
1.2
Fail
7.5
AAA
2.8
Fail
2.1
Fail
1.2
Fail
—
White BG
9.0AAA
3.3AA Large
2.5Fail
1.4Fail
1.2Fail
Black BG
2.3Fail
6.3AA
8.4AAA
14.6AAA
17.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

454555
A3A25D
C7C646
E5E5BE
E8E8F0

Deuteranopia

454454
A7AC5F
CED74B
E7EABF
E8E7F0

Tritanopia

425251
BC6567
F55659
F3C2C3
E6EFEE

Achromatopsia

494949
8C8C8C
9E9E9E
D8D8D8
EAEAEA

Shades & Tints Shades & Tints

#424959

Dark
Light

#BF7E52

Dark
Light

#FB8333

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #424959;
  --color-2: #bf7e52;
  --color-3: #fb8333;
  --color-4: #f5d0b8;
  --color-5: #e6eaf2;
}

SCSS

$color-1: #424959;
$color-2: #bf7e52;
$color-3: #fb8333;
$color-4: #f5d0b8;
$color-5: #e6eaf2;

TAILWIND

colors: {
  'brand-1': '#424959',
  'brand-2': '#bf7e52',
  'brand-3': '#fb8333',
  'brand-4': '#f5d0b8',
  'brand-5': '#e6eaf2',
}

RGB Array

[66, 73, 89], [191, 126, 82], [251, 131, 51], [245, 208, 184], [230, 234, 242]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #424959, #BF7E52, #FB8333, #F5D0B8, #E6EAF2 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: #424959; --color-2: #bf7e52; --color-3: #fb8333; --color-4: #f5d0b8; --color-5: #e6eaf2. 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