#1FAC9B + #4D716F + #504543 + #AC482E + #C2912F · cool - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#1FAC9B

Mineral Blue · LightSeaGreen · Mint Ice

HEX

#1FAC9B

RGB

rgb(31, 172, 155)

HSL

hsl(173, 69%, 40%)

HSB

hsb(173, 82%, 67%)

CMYK

cmyk(82%, 0%, 10%, 33%)

Oklch

oklch(67.1% 0.114 182.2)

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

#4D716F

Mineral Blue · DimGray · Mint Ice

HEX

#4D716F

RGB

rgb(77, 113, 111)

HSL

hsl(177, 19%, 37%)

HSB

hsb(177, 32%, 44%)

CMYK

cmyk(32%, 0%, 2%, 56%)

Oklch

oklch(52.1% 0.041 191.6)

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

#504543

Crimson · DarkSlateGray · Charcoal

HEX

#504543

RGB

rgb(80, 69, 67)

HSL

hsl(9, 9%, 29%)

HSB

hsb(9, 16%, 31%)

CMYK

cmyk(0%, 14%, 16%, 69%)

Oklch

oklch(40.1% 0.015 30.0)

Traditional「Crimson」· Paint「Charcoal」· Creative Midnight Shadow

#AC482E

Crimson · Sienna · Passion Red

HEX

#AC482E

RGB

rgb(172, 72, 46)

HSL

hsl(12, 58%, 43%)

HSB

hsb(12, 73%, 67%)

CMYK

cmyk(0%, 58%, 73%, 33%)

Oklch

oklch(52.9% 0.137 35.6)

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

#C2912F

Ochre · GoldenRod · Honey Gold

HEX

#C2912F

RGB

rgb(194, 145, 47)

HSL

hsl(40, 61%, 47%)

HSB

hsb(40, 76%, 76%)

CMYK

cmyk(0%, 25%, 76%, 24%)

Oklch

oklch(68.7% 0.125 80.6)

Traditional「Ochre」· Paint「Honey Gold」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

1FAC9B

AC2030

Analogous

20AC56

1FAC9B

2076AC

Triadic

1FAC9B

9C20AC

AC9C20

Split-Comp.

1FAC9B

AC2076

AC5620

Tetradic

1FAC9B

5620AC

AC2030

76AC20

Contrast Matrix WCAG 2.1 Contrast

1FAC9B	4D716F	504543	AC482E	C2912F
—	1.9 Fail	3.3 AA Large	2.0 Fail	1.0 Fail
1.9 Fail	—	1.7 Fail	1.1 Fail	1.9 Fail
3.3 AA Large	1.7 Fail	—	1.6 Fail	3.2 AA Large
2.0 Fail	1.1 Fail	1.6 Fail	—	2.0 Fail
1.0 Fail	1.9 Fail	3.2 AA Large	2.0 Fail	—

White BG

2.8Fail

5.4AA

9.2AAA

5.6AA

2.8Fail

Black BG

7.4AAA

3.9AA Large

2.3Fail

3.7AA Large

7.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

5C5D9F

5D5D6F

4B4B43

818034

ADAC47

Deuteranopia

5449A0

5B5870

4C4D44

878E36

B0B34C

Tritanopia

26A2A3

4F7070

4F4444

A7393A

C0595E

Achromatopsia

808080

666666

484848

636363

949494

Shades & Tints Shades & Tints

#1FAC9B

Dark

Light

#4D716F

Dark

Light

#504543

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #1fac9b;
  --color-2: #4d716f;
  --color-3: #504543;
  --color-4: #ac482e;
  --color-5: #c2912f;
}

SCSS

$color-1: #1fac9b;
$color-2: #4d716f;
$color-3: #504543;
$color-4: #ac482e;
$color-5: #c2912f;

TAILWIND

colors: {
  'brand-1': '#1fac9b',
  'brand-2': '#4d716f',
  'brand-3': '#504543',
  'brand-4': '#ac482e',
  'brand-5': '#c2912f',
}

RGB Array

[31, 172, 155], [77, 113, 111], [80, 69, 67], [172, 72, 46], [194, 145, 47]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This cool-style palette of #1FAC9B, #4D716F, #504543, #AC482E, #C2912F 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: #1fac9b; --color-2: #4d716f; --color-3: #504543; --color-4: #ac482e; --color-5: #c2912f. 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 cool-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