← Back to Editor

#565767 · #DEB091 · #8B6138 · #6F2400 · #00182B

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarmCool

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial AppData Visualization

Color Details Color Details

#565767

Indigo · DimGray · Charcoal

HEX
#565767
RGB
rgb(86, 87, 103)
HSL
hsl(236, 9%, 37%)
HSB
hsb(236, 17%, 40%)
CMYK
cmyk(17%, 16%, 0%, 60%)
Oklch
oklch(46.2% 0.026 282.5)

Traditional「Indigo」· Paint「Charcoal」· Creative Midnight Shadow

#DEB091

Apricot · BurlyWood · Warm Sun

HEX
#DEB091
RGB
rgb(222, 176, 145)
HSL
hsl(24, 54%, 72%)
HSB
hsb(24, 35%, 87%)
CMYK
cmyk(0%, 21%, 35%, 13%)
Oklch
oklch(79.1% 0.068 55.5)

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

#8B6138

Ochre · Sienna · Amber Brown

HEX
#8B6138
RGB
rgb(139, 97, 56)
HSL
hsl(30, 43%, 38%)
HSB
hsb(30, 60%, 55%)
CMYK
cmyk(0%, 30%, 60%, 45%)
Oklch
oklch(52.8% 0.079 64.0)

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

#6F2400

Tangerine · Maroon · Cinnamon

HEX
#6F2400
RGB
rgb(111, 36, 0)
HSL
hsl(19, 100%, 22%)
HSB
hsb(19, 100%, 44%)
CMYK
cmyk(0%, 68%, 100%, 56%)
Oklch
oklch(37.1% 0.114 41.0)

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

#00182B

Lake Blue · Black · Deep Sea Blue

HEX
#00182B
RGB
rgb(0, 24, 43)
HSL
hsl(207, 100%, 8%)
HSB
hsb(207, 100%, 17%)
CMYK
cmyk(100%, 44%, 0%, 83%)
Oklch
oklch(20.1% 0.050 244.0)

Traditional「Lake Blue」· Paint「Deep Sea Blue」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

565767
676656

Analogous

565F67
565767
5D5667

Triadic

565767
675657
576756

Split-Comp.

565767
675D56
5F6756

Tetradic

565767
67565F
676656
56675D

Contrast Matrix WCAG 2.1 Contrast

565767
DEB091
8B6138
6F2400
00182B
—
3.6
AA Large
1.3
Fail
1.5
Fail
2.5
Fail
3.6
AA Large
—
2.8
Fail
5.6
AA
9.2
AAA
1.3
Fail
2.8
Fail
—
2.0
Fail
3.3
AA Large
1.5
Fail
5.6
AA
2.0
Fail
—
1.7
Fail
2.5
Fail
9.2
AAA
3.3
AA Large
1.7
Fail
—
White BG
7.1AAA
2.0Fail
5.4AA
10.9AAA
18.0AAA
Black BG
3.0Fail
10.7AAA
3.9AA Large
1.9Fail
1.2Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

565663
CACA99
797842
4F4E09
0A0B26

Deuteranopia

565662
CDD09A
7B7E44
53580B
090725

Tritanopia

56605F
DC9EA0
894A4B
6B1011
012322

Achromatopsia

595959
BABABA
696969
363636
131313

Shades & Tints Shades & Tints

#565767

Dark
Light

#DEB091

Dark
Light

#8B6138

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #565767;
  --color-2: #deb091;
  --color-3: #8b6138;
  --color-4: #6f2400;
  --color-5: #00182b;
}

SCSS

$color-1: #565767;
$color-2: #deb091;
$color-3: #8b6138;
$color-4: #6f2400;
$color-5: #00182b;

TAILWIND

colors: {
  'brand-1': '#565767',
  'brand-2': '#deb091',
  'brand-3': '#8b6138',
  'brand-4': '#6f2400',
  'brand-5': '#00182b',
}

RGB Array

[86, 87, 103], [222, 176, 145], [139, 97, 56], [111, 36, 0], [0, 24, 43]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #565767, #DEB091, #8B6138, #6F2400, #00182B is ideal for: social media posters, mobile apps, e-commerce promos, tech websites, dark mode UIs, game UIs, infographics, data visualization, accessible design. Vivid colors effectively attract user attention. High contrast ensures clear visual hierarchy and readability. It is a vibrant and energetic choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #565767; --color-2: #deb091; --color-3: #8b6138; --color-4: #6f2400; --color-5: #00182b. 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?

Dark tones work well as backgrounds; pair with light text for readability. Use the brightest color for CTA buttons and interactive elements. 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 food & dining, entertainment, kids education, social industries. Bold colors convey vitality and innovation. 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