#6F3C45 + #869B93 + #7BC3B2 + #05FCBA + #9DD9BE - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#6F3C45

Crimson · DimGray · Wine Red

HEX

#6F3C45

RGB

rgb(111, 60, 69)

HSL

hsl(349, 30%, 34%)

HSB

hsb(349, 46%, 44%)

CMYK

cmyk(0%, 46%, 38%, 56%)

Oklch

oklch(42.2% 0.072 9.3)

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

#869B93

Mineral Blue · LightSlateGray · Olive Green

HEX

#869B93

RGB

rgb(134, 155, 147)

HSL

hsl(157, 10%, 57%)

HSB

hsb(157, 14%, 61%)

CMYK

cmyk(14%, 0%, 5%, 39%)

Oklch

oklch(67.1% 0.026 170.5)

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

#7BC3B2

Jade · MediumAquaMarine · Lake Green

HEX

#7BC3B2

RGB

rgb(123, 195, 178)

HSL

hsl(166, 37%, 62%)

HSB

hsb(166, 37%, 76%)

CMYK

cmyk(37%, 0%, 9%, 24%)

Oklch

oklch(76.5% 0.077 177.5)

Traditional「Jade」· Paint「Lake Green」· Creative Arctic Pool

#05FCBA

Mineral Blue · MediumSpringGreen · Mint Ice

HEX

#05FCBA

RGB

rgb(5, 252, 186)

HSL

hsl(164, 98%, 50%)

HSB

hsb(164, 98%, 99%)

CMYK

cmyk(98%, 0%, 26%, 1%)

Oklch

oklch(87.9% 0.183 165.6)

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

#9DD9BE

Jade · LightSteelBlue · Apple Green

HEX

#9DD9BE

RGB

rgb(157, 217, 190)

HSL

hsl(153, 44%, 73%)

HSB

hsb(153, 28%, 85%)

CMYK

cmyk(28%, 0%, 12%, 15%)

Oklch

oklch(83.7% 0.072 165.1)

Traditional「Jade」· Paint「Apple Green」· Creative Arctic Pool

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

6F3C45

3D7167

Analogous

713D60

6F3C45

714D3D

Triadic

6F3C45

46713D

3D4671

Split-Comp.

6F3C45

3D714D

3D6071

Tetradic

6F3C45

60713D

3D7167

4D3D71

Contrast Matrix WCAG 2.1 Contrast

6F3C45	869B93	7BC3B2	05FCBA	9DD9BE
—	3.0 Fail	4.3 AA Large	6.5 AA	5.4 AA
3.0 Fail	—	1.4 Fail	2.2 Fail	1.8 Fail
4.3 AA Large	1.4 Fail	—	1.5 Fail	1.3 Fail
6.5 AA	2.2 Fail	1.5 Fail	—	1.2 Fail
5.4 AA	1.8 Fail	1.3 Fail	1.2 Fail	—

White BG

8.7AAA

2.9Fail

2.0Fail

1.3Fail

1.6Fail

Black BG

2.4Fail

7.1AAA

10.3AAA

15.6AAA

13.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

595843

8F8F95

9A9BB6

7072CA

B7B8C5

Deuteranopia

5C6042

8E8C95

9691B7

624FCE

B4AFC6

Tritanopia

6C4141

879697

7FB9BA

11D7D9

A0CACB

Achromatopsia

4C4C4C

949494

ACACAC

ABABAB

C4C4C4

Shades & Tints Shades & Tints

#6F3C45

Dark

Light

#869B93

Dark

Light

#7BC3B2

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #6f3c45;
  --color-2: #869b93;
  --color-3: #7bc3b2;
  --color-4: #05fcba;
  --color-5: #9dd9be;
}

SCSS

$color-1: #6f3c45;
$color-2: #869b93;
$color-3: #7bc3b2;
$color-4: #05fcba;
$color-5: #9dd9be;

TAILWIND

colors: {
  'brand-1': '#6f3c45',
  'brand-2': '#869b93',
  'brand-3': '#7bc3b2',
  'brand-4': '#05fcba',
  'brand-5': '#9dd9be',
}

RGB Array

[111, 60, 69], [134, 155, 147], [123, 195, 178], [5, 252, 186], [157, 217, 190]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #6F3C45, #869B93, #7BC3B2, #05FCBA, #9DD9BE is ideal for: corporate websites, product showcases, portfolios. 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: #6f3c45; --color-2: #869b93; --color-3: #7bc3b2; --color-4: #05fcba; --color-5: #9dd9be. 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. 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