← Back to Editor

#1596B3 · #81B199 · #D9AC73 · #E86F67 · #985E2E

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

#1596B3

Lake Blue · LightSeaGreen · Mint Ice

HEX
#1596B3
RGB
rgb(21, 150, 179)
HSL
hsl(191, 79%, 39%)
HSB
hsb(191, 88%, 70%)
CMYK
cmyk(88%, 16%, 0%, 30%)
Oklch
oklch(62.3% 0.109 218.7)

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

#81B199

Mineral Blue · DarkSeaGreen · Olive Green

HEX
#81B199
RGB
rgb(129, 177, 153)
HSL
hsl(150, 24%, 60%)
HSB
hsb(150, 27%, 69%)
CMYK
cmyk(27%, 0%, 14%, 31%)
Oklch
oklch(71.9% 0.062 162.6)

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

#D9AC73

Ginger · BurlyWood · Warm Sun

HEX
#D9AC73
RGB
rgb(217, 172, 115)
HSL
hsl(34, 57%, 65%)
HSB
hsb(34, 47%, 85%)
CMYK
cmyk(0%, 21%, 47%, 15%)
Oklch
oklch(77.3% 0.091 72.4)

Traditional「Ginger」· Paint「Warm Sun」· Creative Honey Glow

#E86F67

Peach Pink · Salmon · Coral Red

HEX
#E86F67
RGB
rgb(232, 111, 103)
HSL
hsl(4, 74%, 66%)
HSB
hsb(4, 56%, 91%)
CMYK
cmyk(0%, 52%, 56%, 9%)
Oklch
oklch(68.3% 0.152 25.7)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

#985E2E

Tangerine · Sienna · Amber Brown

HEX
#985E2E
RGB
rgb(152, 94, 46)
HSL
hsl(27, 54%, 39%)
HSB
hsb(27, 70%, 60%)
CMYK
cmyk(0%, 38%, 70%, 40%)
Oklch
oklch(53.7% 0.099 57.9)

Traditional「Tangerine」· Paint「Amber Brown」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

1596B3
B23215

Analogous

15B280
1596B3
1547B2

Triadic

1596B3
B21595
95B215

Split-Comp.

1596B3
B21547
B28015

Tetradic

1596B3
8015B2
B23215
47B215

Contrast Matrix WCAG 2.1 Contrast

1596B3
81B199
D9AC73
E86F67
985E2E
—
1.4
Fail
1.7
Fail
1.1
Fail
1.5
Fail
1.4
Fail
—
1.2
Fail
1.3
Fail
2.2
Fail
1.7
Fail
1.2
Fail
—
1.5
Fail
2.5
Fail
1.1
Fail
1.3
Fail
1.5
Fail
—
1.7
Fail
1.5
Fail
2.2
Fail
2.5
Fail
1.7
Fail
—
White BG
3.5AA Large
2.4Fail
2.1Fail
3.0AA Large
5.3AA
Black BG
6.0AA
8.7AAA
10.1AAA
6.9AA
4.0AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

4D4EAC
96969F
C6C581
B4B369
7F7E3A

Deuteranopia

453CAA
938FA0
C8CB84
BBC469
82873C

Tritanopia

1BA6A5
83A3A4
D78C8E
E26A6B
954345

Achromatopsia

737373
A0A0A0
B3B3B3
929292
6A6A6A

Shades & Tints Shades & Tints

#1596B3

Dark
Light

#81B199

Dark
Light

#D9AC73

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #1596b3;
  --color-2: #81b199;
  --color-3: #d9ac73;
  --color-4: #e86f67;
  --color-5: #985e2e;
}

SCSS

$color-1: #1596b3;
$color-2: #81b199;
$color-3: #d9ac73;
$color-4: #e86f67;
$color-5: #985e2e;

TAILWIND

colors: {
  'brand-1': '#1596b3',
  'brand-2': '#81b199',
  'brand-3': '#d9ac73',
  'brand-4': '#e86f67',
  'brand-5': '#985e2e',
}

RGB Array

[21, 150, 179], [129, 177, 153], [217, 172, 115], [232, 111, 103], [152, 94, 46]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #1596B3, #81B199, #D9AC73, #E86F67, #985E2E 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: #1596b3; --color-2: #81b199; --color-3: #d9ac73; --color-4: #e86f67; --color-5: #985e2e. 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. 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