#608180 + #BDCA64 + #EB787A + #E149A5 + #C5CBB8 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#608180

Mineral Blue · SlateGray · Mint Ice

HEX

#608180

RGB

rgb(96, 129, 128)

HSL

hsl(178, 15%, 44%)

HSB

hsb(178, 26%, 51%)

CMYK

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

Oklch

oklch(57.8% 0.037 193.8)

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

#BDCA64

Autumn Sage · Tan · Sunflower

HEX

#BDCA64

RGB

rgb(189, 202, 100)

HSL

hsl(68, 49%, 59%)

HSB

hsb(68, 50%, 79%)

CMYK

cmyk(6%, 0%, 50%, 21%)

Oklch

oklch(80.8% 0.128 115.3)

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

#EB787A

Peach Pink · LightCoral · Coral Red

HEX

#EB787A

RGB

rgb(235, 120, 122)

HSL

hsl(359, 74%, 70%)

HSB

hsb(359, 49%, 92%)

CMYK

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

Oklch

oklch(70.5% 0.142 20.3)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

#E149A5

Rose Purple · MediumOrchid · Rose Pink

HEX

#E149A5

RGB

rgb(225, 73, 165)

HSL

hsl(324, 72%, 58%)

HSB

hsb(324, 68%, 88%)

CMYK

cmyk(0%, 68%, 27%, 12%)

Oklch

oklch(64.4% 0.208 347.2)

Traditional「Rose Purple」· Paint「Rose Pink」· Creative Blush Sunrise

#C5CBB8

Willow Green · Silver · Apple Green

HEX

#C5CBB8

RGB

rgb(197, 203, 184)

HSL

hsl(79, 15%, 76%)

HSB

hsb(79, 9%, 80%)

CMYK

cmyk(3%, 0%, 9%, 20%)

Oklch

oklch(83.2% 0.027 121.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

608180

815F60

Analogous

5F816F

608180

5F7181

Triadic

608180

805F81

81805F

Split-Comp.

608180

815F71

816F5F

Tetradic

608180

6F5F81

815F60

71815F

Contrast Matrix WCAG 2.1 Contrast

608180	BDCA64	EB787A	E149A5	C5CBB8
—	2.4 Fail	1.5 Fail	1.2 Fail	2.5 Fail
2.4 Fail	—	1.6 Fail	2.1 Fail	1.1 Fail
1.5 Fail	1.6 Fail	—	1.3 Fail	1.7 Fail
1.2 Fail	2.1 Fail	1.3 Fail	—	2.2 Fail
2.5 Fail	1.1 Fail	1.7 Fail	2.2 Fail	—

White BG

4.2AA Large

1.8Fail

2.8Fail

3.7AA Large

1.7Fail

Black BG

4.9AA

11.8AAA

7.5AAA

5.7AA

12.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

6E6F80

C3C37D

B9B87A

9F9E8F

C8C8BD

Deuteranopia

6C6A80

C2C183

C0C979

A8B389

C7C7BE

Tritanopia

628080

BE9094

E57979

D97D79

C5C0C1

Achromatopsia

777777

BABABA

9B9B9B

818181

C7C7C7

Shades & Tints Shades & Tints

#608180

Dark

Light

#BDCA64

Dark

Light

#EB787A

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #608180;
  --color-2: #bdca64;
  --color-3: #eb787a;
  --color-4: #e149a5;
  --color-5: #c5cbb8;
}

SCSS

$color-1: #608180;
$color-2: #bdca64;
$color-3: #eb787a;
$color-4: #e149a5;
$color-5: #c5cbb8;

TAILWIND

colors: {
  'brand-1': '#608180',
  'brand-2': '#bdca64',
  'brand-3': '#eb787a',
  'brand-4': '#e149a5',
  'brand-5': '#c5cbb8',
}

RGB Array

[96, 129, 128], [189, 202, 100], [235, 120, 122], [225, 73, 165], [197, 203, 184]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #608180, #BDCA64, #EB787A, #E149A5, #C5CBB8 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: #608180; --color-2: #bdca64; --color-3: #eb787a; --color-4: #e149a5; --color-5: #c5cbb8. 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