← Back to Editor

#49B0BF · #84B2A8 · #BFB590 · #927E66 · #65463D

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

#49B0BF

Slate Blue · MediumTurquoise · Lake Green

HEX
#49B0BF
RGB
rgb(73, 176, 191)
HSL
hsl(188, 48%, 52%)
HSB
hsb(188, 62%, 75%)
CMYK
cmyk(62%, 8%, 0%, 25%)
Oklch
oklch(70.3% 0.096 208.4)

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

#84B2A8

Jade · DarkSeaGreen · Lake Green

HEX
#84B2A8
RGB
rgb(132, 178, 168)
HSL
hsl(167, 23%, 61%)
HSB
hsb(167, 26%, 70%)
CMYK
cmyk(26%, 0%, 6%, 30%)
Oklch
oklch(72.8% 0.051 179.9)

Traditional「Jade」· Paint「Lake Green」· Creative Arctic Pool

#BFB590

Ginger · Tan · Sunflower

HEX
#BFB590
RGB
rgb(191, 181, 144)
HSL
hsl(47, 27%, 66%)
HSB
hsb(47, 25%, 75%)
CMYK
cmyk(0%, 5%, 25%, 25%)
Oklch
oklch(77.2% 0.052 94.7)

Traditional「Ginger」· Paint「Sunflower」· Creative Lemon Fizz

#927E66

Ochre · Gray · Amber Brown

HEX
#927E66
RGB
rgb(146, 126, 102)
HSL
hsl(33, 18%, 49%)
HSB
hsb(33, 30%, 57%)
CMYK
cmyk(0%, 14%, 30%, 43%)
Oklch
oklch(60.5% 0.043 72.0)

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

#65463D

Crimson · DarkOliveGreen · Wine Red

HEX
#65463D
RGB
rgb(101, 70, 61)
HSL
hsl(14, 25%, 32%)
HSB
hsb(14, 40%, 40%)
CMYK
cmyk(0%, 31%, 40%, 60%)
Oklch
oklch(42.6% 0.046 36.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

49B0BF
BF5A4A

Analogous

4ABF94
49B0BF
4A75BF

Triadic

49B0BF
BF4AB0
B0BF4A

Split-Comp.

49B0BF
BF4A75
BF944A

Tetradic

49B0BF
944ABF
BF5A4A
75BF4A

Contrast Matrix WCAG 2.1 Contrast

49B0BF
84B2A8
BFB590
927E66
65463D
—
1.1
Fail
1.2
Fail
1.5
Fail
3.3
AA Large
1.1
Fail
—
1.1
Fail
1.7
Fail
3.6
AA Large
1.2
Fail
1.1
Fail
—
1.9
Fail
4.1
AA Large
1.5
Fail
1.7
Fail
1.9
Fail
—
2.2
Fail
3.3
AA Large
3.6
AA Large
4.1
AA Large
2.2
Fail
—
White BG
2.5Fail
2.4Fail
2.1Fail
3.9AA Large
8.4AAA
Black BG
8.2AAA
8.9AAA
10.2AAA
5.4AA
2.5Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

7677BB
9898AA
BBBB99
89896C
58573F

Deuteranopia

7068BB
9592AB
BBBC9B
8B8C6D
595C40

Tritanopia

4EB9B8
86ACAD
BFA0A2
917071
634141

Achromatopsia

939393
A3A3A3
B4B4B4
818181
4E4E4E

Shades & Tints Shades & Tints

#49B0BF

Dark
Light

#84B2A8

Dark
Light

#BFB590

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #49b0bf;
  --color-2: #84b2a8;
  --color-3: #bfb590;
  --color-4: #927e66;
  --color-5: #65463d;
}

SCSS

$color-1: #49b0bf;
$color-2: #84b2a8;
$color-3: #bfb590;
$color-4: #927e66;
$color-5: #65463d;

TAILWIND

colors: {
  'brand-1': '#49b0bf',
  'brand-2': '#84b2a8',
  'brand-3': '#bfb590',
  'brand-4': '#927e66',
  'brand-5': '#65463d',
}

RGB Array

[73, 176, 191], [132, 178, 168], [191, 181, 144], [146, 126, 102], [101, 70, 61]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #49B0BF, #84B2A8, #BFB590, #927E66, #65463D 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: #49b0bf; --color-2: #84b2a8; --color-3: #bfb590; --color-4: #927e66; --color-5: #65463d. 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