#92C7BB + #C6BB6C + #EA7766 + #CF116B + #5E5870 · dark - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#92C7BB

Jade · DarkGray · Lake Green

HEX

#92C7BB

RGB

rgb(146, 199, 187)

HSL

hsl(166, 32%, 68%)

HSB

hsb(166, 27%, 78%)

CMYK

cmyk(27%, 0%, 6%, 22%)

Oklch

oklch(78.9% 0.058 179.2)

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

#C6BB6C

Autumn Sage · Tan · Sunflower

HEX

#C6BB6C

RGB

rgb(198, 187, 108)

HSL

hsl(53, 44%, 60%)

HSB

hsb(53, 45%, 78%)

CMYK

cmyk(0%, 6%, 45%, 22%)

Oklch

oklch(78.4% 0.101 101.4)

Traditional「Autumn Sage」· Paint「Sunflower」· Creative Blush Sunrise

#EA7766

Peach Pink · Salmon · Coral Red

HEX

#EA7766

RGB

rgb(234, 119, 102)

HSL

hsl(8, 76%, 66%)

HSB

hsb(8, 56%, 92%)

CMYK

cmyk(0%, 49%, 56%, 8%)

Oklch

oklch(69.8% 0.146 29.9)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

#CF116B

Dark Violet · MediumVioletRed · Camellia

HEX

#CF116B

RGB

rgb(207, 17, 107)

HSL

hsl(332, 85%, 44%)

HSB

hsb(332, 92%, 81%)

CMYK

cmyk(0%, 92%, 48%, 19%)

Oklch

oklch(55.7% 0.218 1.4)

Traditional「Dark Violet」· Paint「Camellia」· Creative Blush Sunrise

#5E5870

Deep Indigo · DimGray · Prussian Blue

HEX

#5E5870

RGB

rgb(94, 88, 112)

HSL

hsl(255, 12%, 39%)

HSB

hsb(255, 21%, 44%)

CMYK

cmyk(16%, 21%, 0%, 56%)

Oklch

oklch(47.5% 0.039 296.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

92C7BB

C8939F

Analogous

93C8A1

92C7BB

93BAC8

Triadic

92C7BB

BB93C8

C8BB93

Split-Comp.

92C7BB

C893BA

C8A193

Tetradic

92C7BB

A193C8

C8939F

BAC893

Contrast Matrix WCAG 2.1 Contrast

92C7BB	C6BB6C	EA7766	CF116B	5E5870
—	1.0 Fail	1.5 Fail	2.8 Fail	3.6 AA Large
1.0 Fail	—	1.5 Fail	2.7 Fail	3.5 AA Large
1.5 Fail	1.5 Fail	—	1.9 Fail	2.4 Fail
2.8 Fail	2.7 Fail	1.9 Fail	—	1.3 Fail
3.6 AA Large	3.5 AA Large	2.4 Fail	1.3 Fail	—

White BG

1.9Fail

2.0Fail

2.9Fail

5.3AA

6.8AA

Black BG

11.1AAA

10.7AAA

7.3AAA

3.9AA Large

3.1AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

A9A9BE

C1C17F

B8B76A

7D7B55

5B5B6A

Deuteranopia

A6A2BF

C2C384

BFC76B

889650

5C5C69

Tritanopia

95C0C1

C58E92

E46D6E

C54440

5E6665

Achromatopsia

B6B6B6

B5B5B5

979797

545454

5D5D5D

Shades & Tints Shades & Tints

#92C7BB

Dark

Light

#C6BB6C

Dark

Light

#EA7766

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #92c7bb;
  --color-2: #c6bb6c;
  --color-3: #ea7766;
  --color-4: #cf116b;
  --color-5: #5e5870;
}

SCSS

$color-1: #92c7bb;
$color-2: #c6bb6c;
$color-3: #ea7766;
$color-4: #cf116b;
$color-5: #5e5870;

TAILWIND

colors: {
  'brand-1': '#92c7bb',
  'brand-2': '#c6bb6c',
  'brand-3': '#ea7766',
  'brand-4': '#cf116b',
  'brand-5': '#5e5870',
}

RGB Array

[146, 199, 187], [198, 187, 108], [234, 119, 102], [207, 17, 107], [94, 88, 112]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This dark-style palette of #92C7BB, #C6BB6C, #EA7766, #CF116B, #5E5870 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: #92c7bb; --color-2: #c6bb6c; --color-3: #ea7766; --color-4: #cf116b; --color-5: #5e5870. 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 dark-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