← Back to Editor

#422C2F · #53807F · #6EA293 · #A1B38B · #CBCE98

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

#422C2F

Crimson · DarkSlateGray · Wine Red

HEX
#422C2F
RGB
rgb(66, 44, 47)
HSL
hsl(352, 20%, 22%)
HSB
hsb(352, 33%, 26%)
CMYK
cmyk(0%, 33%, 29%, 74%)
Oklch
oklch(32.0% 0.033 10.1)

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

#53807F

Mineral Blue · SlateGray · Mint Ice

HEX
#53807F
RGB
rgb(83, 128, 127)
HSL
hsl(179, 21%, 41%)
HSB
hsb(179, 35%, 50%)
CMYK
cmyk(35%, 0%, 1%, 50%)
Oklch
oklch(56.7% 0.049 194.1)

Traditional「Mineral Blue」· Paint「Mint Ice」· Creative Blush Sunrise

#6EA293

Mineral Blue · CadetBlue · Lake Green

HEX
#6EA293
RGB
rgb(110, 162, 147)
HSL
hsl(163, 22%, 53%)
HSB
hsb(163, 32%, 64%)
CMYK
cmyk(32%, 0%, 9%, 36%)
Oklch
oklch(67.1% 0.060 174.4)

Traditional「Mineral Blue」· Paint「Lake Green」· Creative Blush Sunrise

#A1B38B

Willow Green · DarkSeaGreen · Apple Green

HEX
#A1B38B
RGB
rgb(161, 179, 139)
HSL
hsl(87, 21%, 62%)
HSB
hsb(87, 22%, 70%)
CMYK
cmyk(10%, 0%, 22%, 30%)
Oklch
oklch(74.2% 0.059 127.5)

Traditional「Willow Green」· Paint「Apple Green」· Creative Mint Breeze

#CBCE98

Fresh Green · Tan · Sunflower

HEX
#CBCE98
RGB
rgb(203, 206, 152)
HSL
hsl(63, 36%, 70%)
HSB
hsb(63, 26%, 81%)
CMYK
cmyk(1%, 0%, 26%, 19%)
Oklch
oklch(83.6% 0.072 110.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

422C2F
2D4340

Analogous

432D3B
422C2F
43352D

Triadic

422C2F
30432D
2D3043

Split-Comp.

422C2F
2D4335
2D3B43

Tetradic

422C2F
3B432D
2D4340
352D43

Contrast Matrix WCAG 2.1 Contrast

422C2F
53807F
6EA293
A1B38B
CBCE98
—
2.9
Fail
4.4
AA Large
5.7
AA
7.9
AAA
2.9
Fail
—
1.5
Fail
2.0
Fail
2.7
Fail
4.4
AA Large
1.5
Fail
—
1.3
Fail
1.8
Fail
5.7
AA
2.0
Fail
1.3
Fail
—
1.4
Fail
7.9
AAA
2.7
Fail
1.8
Fail
1.4
Fail
—
White BG
12.9AAA
4.4AA Large
2.9Fail
2.2Fail
1.6Fail
Black BG
1.6Fail
4.8AA
7.3AAA
9.3AAA
12.8AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

38382E
66677F
858597
A9A995
CCCCA5

Deuteranopia

3A3B2E
64617F
827E98
A8A697
CCCCA8

Tritanopia

412E2E
557F7F
71999A
A29C9E
CBAFB2

Achromatopsia

333333
727272
919191
A9A9A9
C7C7C7

Shades & Tints Shades & Tints

#422C2F

Dark
Light

#53807F

Dark
Light

#6EA293

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #422c2f;
  --color-2: #53807f;
  --color-3: #6ea293;
  --color-4: #a1b38b;
  --color-5: #cbce98;
}

SCSS

$color-1: #422c2f;
$color-2: #53807f;
$color-3: #6ea293;
$color-4: #a1b38b;
$color-5: #cbce98;

TAILWIND

colors: {
  'brand-1': '#422c2f',
  'brand-2': '#53807f',
  'brand-3': '#6ea293',
  'brand-4': '#a1b38b',
  'brand-5': '#cbce98',
}

RGB Array

[66, 44, 47], [83, 128, 127], [110, 162, 147], [161, 179, 139], [203, 206, 152]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #422C2F, #53807F, #6EA293, #A1B38B, #CBCE98 is ideal for: brand design, premium product pages, magazine layouts, infographics, data visualization, accessible design. Low-saturation colors convey a sophisticated, premium feel. High contrast ensures clear visual hierarchy and readability. It is a classic and elegant choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #422c2f; --color-2: #53807f; --color-3: #6ea293; --color-4: #a1b38b; --color-5: #cbce98. 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. Restrained colors convey professionalism and trust. 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