← Back to Editor

#30929B · #4E948D · #6D9780 · #8B9A72 · #A99C65

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#30929B

Lake Blue · SteelBlue · Mint Ice

HEX
#30929B
RGB
rgb(48, 146, 155)
HSL
hsl(185, 53%, 40%)
HSB
hsb(185, 69%, 61%)
CMYK
cmyk(69%, 6%, 0%, 39%)
Oklch
oklch(60.8% 0.089 203.9)

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

#4E948D

Mineral Blue · CadetBlue · Mint Ice

HEX
#4E948D
RGB
rgb(78, 148, 141)
HSL
hsl(174, 31%, 44%)
HSB
hsb(174, 47%, 58%)
CMYK
cmyk(47%, 0%, 5%, 42%)
Oklch
oklch(61.9% 0.072 187.1)

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

#6D9780

Celadon · SlateGray · Olive Green

HEX
#6D9780
RGB
rgb(109, 151, 128)
HSL
hsl(147, 17%, 51%)
HSB
hsb(147, 28%, 59%)
CMYK
cmyk(28%, 0%, 15%, 41%)
Oklch
oklch(63.9% 0.058 160.3)

Traditional「Celadon」· Paint「Olive Green」· Creative Blush Sunrise

#8B9A72

Grass Green · Gray · Olive Green

HEX
#8B9A72
RGB
rgb(139, 154, 114)
HSL
hsl(83, 17%, 53%)
HSB
hsb(83, 26%, 60%)
CMYK
cmyk(10%, 0%, 26%, 40%)
Oklch
oklch(66.4% 0.059 124.7)

Traditional「Grass Green」· Paint「Olive Green」· Creative Blush Sunrise

#A99C65

Ginger · Gray · Sunflower

HEX
#A99C65
RGB
rgb(169, 156, 101)
HSL
hsl(49, 28%, 53%)
HSB
hsb(49, 40%, 66%)
CMYK
cmyk(0%, 8%, 40%, 34%)
Oklch
oklch(69.1% 0.075 96.5)

Traditional「Ginger」· Paint「Sunflower」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

30929B
9C3930

Analogous

309C6F
30929B
305D9C

Triadic

30929B
9C3093
939C30

Split-Comp.

30929B
9C305D
9C6F30

Tetradic

30929B
6F309C
9C3930
5D9C30

Contrast Matrix WCAG 2.1 Contrast

30929B
4E948D
6D9780
8B9A72
A99C65
—
1.0
Fail
1.1
Fail
1.2
Fail
1.3
Fail
1.0
Fail
—
1.1
Fail
1.2
Fail
1.3
Fail
1.1
Fail
1.1
Fail
—
1.1
Fail
1.2
Fail
1.2
Fail
1.2
Fail
1.1
Fail
—
1.1
Fail
1.3
Fail
1.3
Fail
1.2
Fail
1.1
Fail
—
White BG
3.7AA Large
3.5AA Large
3.3AA Large
3.0AA Large
2.8Fail
Black BG
5.7AA
5.9AA
6.4AA
7.0AA
7.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

5A5B99
6C6D8F
7F8086
91927C
A3A372

Deuteranopia

554D98
68638F
7D7A87
91907E
A4A575

Tritanopia

359797
529090
6F8A8B
8C8385
A87D7F

Achromatopsia

767676
7E7E7E
888888
919191
9A9A9A

Shades & Tints Shades & Tints

#30929B

Dark
Light

#4E948D

Dark
Light

#6D9780

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #30929b;
  --color-2: #4e948d;
  --color-3: #6d9780;
  --color-4: #8b9a72;
  --color-5: #a99c65;
}

SCSS

$color-1: #30929b;
$color-2: #4e948d;
$color-3: #6d9780;
$color-4: #8b9a72;
$color-5: #a99c65;

TAILWIND

colors: {
  'brand-1': '#30929b',
  'brand-2': '#4e948d',
  'brand-3': '#6d9780',
  'brand-4': '#8b9a72',
  'brand-5': '#a99c65',
}

RGB Array

[48, 146, 155], [78, 148, 141], [109, 151, 128], [139, 154, 114], [169, 156, 101]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #30929B, #4E948D, #6D9780, #8B9A72, #A99C65 is ideal for: brand design, premium product pages, magazine layouts. Low-saturation colors convey a sophisticated, premium feel. It is a classic and elegant choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #30929b; --color-2: #4e948d; --color-3: #6d9780; --color-4: #8b9a72; --color-5: #a99c65. 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. Restrained colors convey professionalism and trust. 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