← Back to Editor

#A0E2D2 · #48A09B · #098786 · #026664 · #727368

A 5-color palette palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#A0E2D2

Jade · LightBlue · Glacier Blue

HEX
#A0E2D2
RGB
rgb(160, 226, 210)
HSL
hsl(165, 53%, 76%)
HSB
hsb(165, 29%, 89%)
CMYK
cmyk(29%, 0%, 7%, 11%)
Oklch
oklch(86.4% 0.070 177.8)

Traditional「Jade」· Paint「Glacier Blue」· Creative Arctic Pool

#48A09B

Mineral Blue · CadetBlue · Mint Ice

HEX
#48A09B
RGB
rgb(72, 160, 155)
HSL
hsl(177, 38%, 45%)
HSB
hsb(177, 55%, 63%)
CMYK
cmyk(55%, 0%, 3%, 37%)
Oklch
oklch(65.1% 0.085 190.3)

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

#098786

Lake Blue · Teal · Mint Ice

HEX
#098786
RGB
rgb(9, 135, 134)
HSL
hsl(180, 88%, 28%)
HSB
hsb(180, 93%, 53%)
CMYK
cmyk(93%, 0%, 1%, 47%)
Oklch
oklch(56.5% 0.095 193.9)

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

#026664

Mineral Blue · Teal · Peacock Green

HEX
#026664
RGB
rgb(2, 102, 100)
HSL
hsl(179, 96%, 20%)
HSB
hsb(179, 98%, 40%)
CMYK
cmyk(98%, 0%, 2%, 60%)
Oklch
oklch(46.1% 0.079 192.4)

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

#727368

Ink Gray · DimGray · Warm Gray

HEX
#727368
RGB
rgb(114, 115, 104)
HSL
hsl(65, 5%, 43%)
HSB
hsb(65, 10%, 45%)
CMYK
cmyk(1%, 0%, 10%, 55%)
Oklch
oklch(55.1% 0.017 111.2)

Traditional「Ink Gray」· Paint「Warm Gray」· Creative Urban Concrete

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

A0E2D2
E2A1B2

Analogous

A1E2B2
A0E2D2
A1D2E2

Triadic

A0E2D2
D2A1E2
E2D2A1

Split-Comp.

A0E2D2
E2A1D2
E2B2A1

Tetradic

A0E2D2
B2A1E2
E2A1B2
D2E2A1

Contrast Matrix WCAG 2.1 Contrast

A0E2D2
48A09B
098786
026664
727368
—
2.1
Fail
3.0
Fail
4.6
AA
3.3
AA Large
2.1
Fail
—
1.4
Fail
2.2
Fail
1.6
Fail
3.0
Fail
1.4
Fail
—
1.6
Fail
1.1
Fail
4.6
AA
2.2
Fail
1.6
Fail
—
1.4
Fail
3.3
AA Large
1.6
Fail
1.1
Fail
1.4
Fail
—
White BG
1.5Fail
3.1AA Large
4.4AA Large
6.8AA
4.8AA
Black BG
14.3AAA
6.8AA
4.8AA
3.1AA Large
4.4AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

BDBDD6
6E6F9C
404186
2D2E64
72726B

Deuteranopia

B9B4D7
69629D
382F86
282065
72726B

Tritanopia

A3D9DA
4C9D9D
0F8686
076565
726D6D

Achromatopsia

CCCCCC
858585
616161
484848
717171

Shades & Tints Shades & Tints

#A0E2D2

Dark
Light

#48A09B

Dark
Light

#098786

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #a0e2d2;
  --color-2: #48a09b;
  --color-3: #098786;
  --color-4: #026664;
  --color-5: #727368;
}

SCSS

$color-1: #a0e2d2;
$color-2: #48a09b;
$color-3: #098786;
$color-4: #026664;
$color-5: #727368;

TAILWIND

colors: {
  'brand-1': '#a0e2d2',
  'brand-2': '#48a09b',
  'brand-3': '#098786',
  'brand-4': '#026664',
  'brand-5': '#727368',
}

RGB Array

[160, 226, 210], [72, 160, 155], [9, 135, 134], [2, 102, 100], [114, 115, 104]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #A0E2D2, #48A09B, #098786, #026664, #727368 is ideal for: infographics, data visualization, accessible design. High contrast ensures clear visual hierarchy and readability. 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: #a0e2d2; --color-2: #48a09b; --color-3: #098786; --color-4: #026664; --color-5: #727368. 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. High-contrast palettes naturally meet WCAG accessibility standards. 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