← Back to Editor

#705152 · #F7F9B7 · #2B4E57 · #353045 · #37273B

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

#705152

Crimson · DimGray · Wine Red

HEX
#705152
RGB
rgb(112, 81, 82)
HSL
hsl(358, 16%, 38%)
HSB
hsb(358, 28%, 44%)
CMYK
cmyk(0%, 28%, 27%, 56%)
Oklch
oklch(46.8% 0.042 16.6)

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

#F7F9B7

Fresh Green · Bisque · Lemon Cream

HEX
#F7F9B7
RGB
rgb(247, 249, 183)
HSL
hsl(62, 85%, 85%)
HSB
hsb(62, 27%, 98%)
CMYK
cmyk(1%, 0%, 27%, 2%)
Oklch
oklch(96.5% 0.084 109.3)

Traditional「Fresh Green」· Paint「Lemon Cream」· Creative Lemon Fizz

#2B4E57

Slate Blue · DarkSlateGray · Peacock Green

HEX
#2B4E57
RGB
rgb(43, 78, 87)
HSL
hsl(192, 34%, 25%)
HSB
hsb(192, 51%, 34%)
CMYK
cmyk(51%, 10%, 0%, 66%)
Oklch
oklch(40.1% 0.043 216.2)

Traditional「Slate Blue」· Paint「Peacock Green」· Creative Blush Sunrise

#353045

Deep Indigo · DarkSlateGray · Prussian Blue

HEX
#353045
RGB
rgb(53, 48, 69)
HSL
hsl(254, 18%, 23%)
HSB
hsb(254, 30%, 27%)
CMYK
cmyk(23%, 30%, 0%, 73%)
Oklch
oklch(32.4% 0.037 295.2)

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

#37273B

Dark Plum · DarkSlateGray · Dark Purple

HEX
#37273B
RGB
rgb(55, 39, 59)
HSL
hsl(288, 20%, 19%)
HSB
hsb(288, 34%, 23%)
CMYK
cmyk(7%, 34%, 0%, 77%)
Oklch
oklch(30.0% 0.041 319.5)

Traditional「Dark Plum」· Paint「Dark Purple」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

705152
51706F

Analogous

705162
705152
706051

Triadic

705152
527051
515270

Split-Comp.

705152
517060
516270

Tetradic

705152
627051
51706F
605170

Contrast Matrix WCAG 2.1 Contrast

705152
F7F9B7
2B4E57
353045
37273B
—
6.4
AA
1.3
Fail
1.8
Fail
2.0
Fail
6.4
AA
—
8.2
AAA
11.6
AAA
12.7
AAA
1.3
Fail
8.2
AAA
—
1.4
Fail
1.5
Fail
1.8
Fail
11.6
AAA
1.4
Fail
—
1.1
Fail
2.0
Fail
12.7
AAA
1.5
Fail
1.1
Fail
—
White BG
7.0AAA
1.1Fail
9.0AAA
12.6AAA
13.9AAA
Black BG
3.0Fail
19.2AAA
2.3Fail
1.7Fail
1.5Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

636252
F8F8C7
3A3A55
333340
303036

Deuteranopia

646752
F8F8CB
383654
33333F
313235

Tritanopia

6E5252
F7D4D6
2D5353
353C3B
363232

Achromatopsia

5A5A5A
F1F1F1
454545
343434
2E2E2E

Shades & Tints Shades & Tints

#705152

Dark
Light

#F7F9B7

Dark
Light

#2B4E57

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #705152;
  --color-2: #f7f9b7;
  --color-3: #2b4e57;
  --color-4: #353045;
  --color-5: #37273b;
}

SCSS

$color-1: #705152;
$color-2: #f7f9b7;
$color-3: #2b4e57;
$color-4: #353045;
$color-5: #37273b;

TAILWIND

colors: {
  'brand-1': '#705152',
  'brand-2': '#f7f9b7',
  'brand-3': '#2b4e57',
  'brand-4': '#353045',
  'brand-5': '#37273b',
}

RGB Array

[112, 81, 82], [247, 249, 183], [43, 78, 87], [53, 48, 69], [55, 39, 59]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #705152, #F7F9B7, #2B4E57, #353045, #37273B is ideal for: tech websites, dark mode UIs, game UIs, 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: #705152; --color-2: #f7f9b7; --color-3: #2b4e57; --color-4: #353045; --color-5: #37273b. 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 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