← Back to Editor

#6A9E99 · #F2E4C2 · #D9CDB2 · #B39D92 · #755252

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

#6A9E99

Mineral Blue · CadetBlue · Lake Green

HEX
#6A9E99
RGB
rgb(106, 158, 153)
HSL
hsl(174, 21%, 52%)
HSB
hsb(174, 33%, 62%)
CMYK
cmyk(33%, 0%, 3%, 38%)
Oklch
oklch(66.1% 0.056 188.3)

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

#F2E4C2

Goose Yellow · Bisque · Lemon Cream

HEX
#F2E4C2
RGB
rgb(242, 228, 194)
HSL
hsl(43, 65%, 85%)
HSB
hsb(43, 20%, 95%)
CMYK
cmyk(0%, 6%, 20%, 5%)
Oklch
oklch(92.1% 0.047 88.3)

Traditional「Goose Yellow」· Paint「Lemon Cream」· Creative Lemon Fizz

#D9CDB2

Goose Yellow · Silver · Lemon Cream

HEX
#D9CDB2
RGB
rgb(217, 205, 178)
HSL
hsl(42, 34%, 77%)
HSB
hsb(42, 18%, 85%)
CMYK
cmyk(0%, 6%, 18%, 15%)
Oklch
oklch(85.1% 0.039 86.9)

Traditional「Goose Yellow」· Paint「Lemon Cream」· Creative Lemon Fizz

#B39D92

Apricot · DarkGray · Warm Sun

HEX
#B39D92
RGB
rgb(179, 157, 146)
HSL
hsl(20, 18%, 64%)
HSB
hsb(20, 18%, 70%)
CMYK
cmyk(0%, 12%, 18%, 30%)
Oklch
oklch(71.2% 0.031 48.3)

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

#755252

Crimson · DimGray · Wine Red

HEX
#755252
RGB
rgb(117, 82, 82)
HSL
hsl(0, 18%, 39%)
HSB
hsb(0, 30%, 46%)
CMYK
cmyk(0%, 30%, 30%, 54%)
Oklch
oklch(47.6% 0.047 19.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

6A9E99
9E6B70

Analogous

6B9E7F
6A9E99
6B8A9E

Triadic

6A9E99
996B9E
9E996B

Split-Comp.

6A9E99
9E6B8A
9E7F6B

Tetradic

6A9E99
7F6B9E
9E6B70
8A9E6B

Contrast Matrix WCAG 2.1 Contrast

6A9E99
F2E4C2
D9CDB2
B39D92
755252
—
2.4
Fail
1.9
Fail
1.2
Fail
2.3
Fail
2.4
Fail
—
1.2
Fail
2.0
Fail
5.4
AA
1.9
Fail
1.2
Fail
—
1.6
Fail
4.3
AA Large
1.2
Fail
2.0
Fail
1.6
Fail
—
2.6
Fail
2.3
Fail
5.4
AA
4.3
AA Large
2.6
Fail
—
White BG
3.0AA Large
1.3Fail
1.6Fail
2.6Fail
6.8AA
Black BG
7.0AA
16.7AAA
13.3AAA
8.2AAA
3.1AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

81819A
ECECCA
D4D4B9
A9A995
666652

Deuteranopia

7E7A9B
EDEECC
D5D5BA
ABAC95
686A52

Tritanopia

6D9B9B
F1D1D2
D8BEBF
B29797
735252

Achromatopsia

8E8E8E
E4E4E4
CECECE
A2A2A2
5C5C5C

Shades & Tints Shades & Tints

#6A9E99

Dark
Light

#F2E4C2

Dark
Light

#D9CDB2

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #6a9e99;
  --color-2: #f2e4c2;
  --color-3: #d9cdb2;
  --color-4: #b39d92;
  --color-5: #755252;
}

SCSS

$color-1: #6a9e99;
$color-2: #f2e4c2;
$color-3: #d9cdb2;
$color-4: #b39d92;
$color-5: #755252;

TAILWIND

colors: {
  'brand-1': '#6a9e99',
  'brand-2': '#f2e4c2',
  'brand-3': '#d9cdb2',
  'brand-4': '#b39d92',
  'brand-5': '#755252',
}

RGB Array

[106, 158, 153], [242, 228, 194], [217, 205, 178], [179, 157, 146], [117, 82, 82]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #6A9E99, #F2E4C2, #D9CDB2, #B39D92, #755252 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: #6a9e99; --color-2: #f2e4c2; --color-3: #d9cdb2; --color-4: #b39d92; --color-5: #755252. 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