#60A79C + #609980 + #60613E + #603D34 + #60220B - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#60A79C

Mineral Blue · CadetBlue · Lake Green

HEX

#60A79C

RGB

rgb(96, 167, 156)

HSL

hsl(171, 29%, 52%)

HSB

hsb(171, 43%, 65%)

CMYK

cmyk(43%, 0%, 7%, 35%)

Oklch

oklch(67.8% 0.074 183.0)

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

#609980

Mineral Blue · CadetBlue · Olive Green

HEX

#609980

RGB

rgb(96, 153, 128)

HSL

hsl(154, 23%, 49%)

HSB

hsb(154, 37%, 60%)

CMYK

cmyk(37%, 0%, 16%, 40%)

Oklch

oklch(63.6% 0.071 164.8)

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

#60613E

Autumn Sage · DarkOliveGreen · Honey Gold

HEX

#60613E

RGB

rgb(96, 97, 62)

HSL

hsl(62, 22%, 31%)

HSB

hsb(62, 36%, 38%)

CMYK

cmyk(1%, 0%, 36%, 62%)

Oklch

oklch(48.2% 0.052 109.6)

Traditional「Autumn Sage」· Paint「Honey Gold」· Creative Blush Sunrise

#603D34

Crimson · DarkOliveGreen · Wine Red

HEX

#603D34

RGB

rgb(96, 61, 52)

HSL

hsl(12, 30%, 29%)

HSB

hsb(12, 46%, 38%)

CMYK

cmyk(0%, 36%, 46%, 62%)

Oklch

oklch(39.8% 0.052 35.1)

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

#60220B

Tangerine · Maroon · Cinnamon

HEX

#60220B

RGB

rgb(96, 34, 11)

HSL

hsl(16, 79%, 21%)

HSB

hsb(16, 89%, 38%)

CMYK

cmyk(0%, 65%, 89%, 62%)

Oklch

oklch(34.2% 0.096 39.2)

Traditional「Tangerine」· Paint「Cinnamon」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

60A79C

A8616C

Analogous

61A87A

60A79C

618FA8

Triadic

60A79C

9D61A8

A89D61

Split-Comp.

60A79C

A8618F

A87A61

Tetradic

60A79C

7A61A8

A8616C

8FA861

Contrast Matrix WCAG 2.1 Contrast

60A79C	609980	60613E	603D34	60220B
—	1.2 Fail	2.3 Fail	3.4 AA Large	4.3 AA Large
1.2 Fail	—	1.9 Fail	2.9 Fail	3.7 AA Large
2.3 Fail	1.9 Fail	—	1.5 Fail	1.9 Fail
3.4 AA Large	2.9 Fail	1.5 Fail	—	1.3 Fail
4.3 AA Large	3.7 AA Large	1.9 Fail	1.3 Fail	—

White BG

2.8Fail

3.3AA Large

6.4AA

9.5AAA

12.1AAA

Black BG

7.5AAA

6.4AA

3.3AA Large

2.2Fail

1.7Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

7F7F9F

797986

606046

515136

454511

Deuteranopia

7B759F

757188

606049

535537

494D12

Tritanopia

64A1A1

638B8C

604D4F

5E3838

5D1516

Achromatopsia

919191

858585

5D5D5D

464646

323232

Shades & Tints Shades & Tints

#60A79C

Dark

Light

#609980

Dark

Light

#60613E

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #60a79c;
  --color-2: #609980;
  --color-3: #60613e;
  --color-4: #603d34;
  --color-5: #60220b;
}

SCSS

$color-1: #60a79c;
$color-2: #609980;
$color-3: #60613e;
$color-4: #603d34;
$color-5: #60220b;

TAILWIND

colors: {
  'brand-1': '#60a79c',
  'brand-2': '#609980',
  'brand-3': '#60613e',
  'brand-4': '#603d34',
  'brand-5': '#60220b',
}

RGB Array

[96, 167, 156], [96, 153, 128], [96, 97, 62], [96, 61, 52], [96, 34, 11]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #60A79C, #609980, #60613E, #603D34, #60220B is ideal for: tech websites, dark mode UIs, game UIs. 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: #60a79c; --color-2: #609980; --color-3: #60613e; --color-4: #603d34; --color-5: #60220b. 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?

Dark tones work well as backgrounds; pair with light text for readability. Use the brightest color for CTA buttons and interactive elements. 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