#A6988A + #88A19F + #6AABB5 + #4BB4CA + #1EC3EA · 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

#A6988A

Ginger · DarkGray · Warm Sun

HEX

#A6988A

RGB

rgb(166, 152, 138)

HSL

hsl(30, 14%, 60%)

HSB

hsb(30, 17%, 65%)

CMYK

cmyk(0%, 8%, 17%, 35%)

Oklch

oklch(68.8% 0.026 67.4)

Traditional「Ginger」· Paint「Warm Sun」· Creative Blush Sunrise

#88A19F

Mineral Blue · LightSlateGray · Lake Green

HEX

#88A19F

RGB

rgb(136, 161, 159)

HSL

hsl(175, 12%, 58%)

HSB

hsb(175, 16%, 63%)

CMYK

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

Oklch

oklch(68.9% 0.028 190.6)

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

#6AABB5

Slate Blue · CadetBlue · Lake Green

HEX

#6AABB5

RGB

rgb(106, 171, 181)

HSL

hsl(188, 34%, 56%)

HSB

hsb(188, 41%, 71%)

CMYK

cmyk(41%, 6%, 0%, 29%)

Oklch

oklch(70.1% 0.068 208.2)

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

#4BB4CA

Lake Blue · MediumTurquoise · Lake Green

HEX

#4BB4CA

RGB

rgb(75, 180, 202)

HSL

hsl(190, 55%, 54%)

HSB

hsb(190, 63%, 79%)

CMYK

cmyk(63%, 11%, 0%, 21%)

Oklch

oklch(71.8% 0.100 213.9)

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

#1EC3EA

Lake Blue · DeepSkyBlue · Lake Green

HEX

#1EC3EA

RGB

rgb(30, 195, 234)

HSL

hsl(191, 83%, 52%)

HSB

hsb(191, 87%, 92%)

CMYK

cmyk(87%, 17%, 0%, 8%)

Oklch

oklch(75.7% 0.133 219.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

A6988A

8B99A7

Analogous

A78B8B

A6988A

A7A78B

Triadic

A6988A

8BA799

998BA7

Split-Comp.

A6988A

8BA7A7

8B8BA7

Tetradic

A6988A

8BA78B

8B99A7

A78BA7

Contrast Matrix WCAG 2.1 Contrast

A6988A	88A19F	6AABB5	4BB4CA	1EC3EA
—	1.0 Fail	1.1 Fail	1.2 Fail	1.3 Fail
1.0 Fail	—	1.1 Fail	1.1 Fail	1.3 Fail
1.1 Fail	1.1 Fail	—	1.1 Fail	1.2 Fail
1.2 Fail	1.1 Fail	1.1 Fail	—	1.2 Fail
1.3 Fail	1.3 Fail	1.2 Fail	1.2 Fail	—

White BG

2.8Fail

2.7Fail

2.6Fail

2.4Fail

2.1Fail

Black BG

7.5AAA

7.6AAA

8.1AAA

8.7AAA

10.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

A0A08D

93939F

8687B3

7879C5

6567E1

Deuteranopia

A1A28E

9190A0

827DB2

726BC3

5C50DE

Tritanopia

A59091

89A0A0

6DB1B0

50C0C0

26D9D7

Achromatopsia

9B9B9B

999999

979797

969696

Shades & Tints Shades & Tints

#A6988A

Dark

Light

#88A19F

Dark

Light

#6AABB5

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #a6988a;
  --color-2: #88a19f;
  --color-3: #6aabb5;
  --color-4: #4bb4ca;
  --color-5: #1ec3ea;
}

SCSS

$color-1: #a6988a;
$color-2: #88a19f;
$color-3: #6aabb5;
$color-4: #4bb4ca;
$color-5: #1ec3ea;

TAILWIND

colors: {
  'brand-1': '#a6988a',
  'brand-2': '#88a19f',
  'brand-3': '#6aabb5',
  'brand-4': '#4bb4ca',
  'brand-5': '#1ec3ea',
}

RGB Array

[166, 152, 138], [136, 161, 159], [106, 171, 181], [75, 180, 202], [30, 195, 234]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This cool-style palette of #A6988A, #88A19F, #6AABB5, #4BB4CA, #1EC3EA 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: #a6988a; --color-2: #88a19f; --color-3: #6aabb5; --color-4: #4bb4ca; --color-5: #1ec3ea. 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 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