← Back to Editor

#795B40 · #8F8461 · #98BBA6 · #96EBDE · #BFFCFF

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 LibraryData Visualization

Color Details Color Details

#795B40

Tangerine · DarkOliveGreen · Amber Brown

HEX
#795B40
RGB
rgb(121, 91, 64)
HSL
hsl(28, 31%, 36%)
HSB
hsb(28, 47%, 47%)
CMYK
cmyk(0%, 25%, 47%, 53%)
Oklch
oklch(49.5% 0.056 62.9)

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

#8F8461

Ochre · Gray · Honey Gold

HEX
#8F8461
RGB
rgb(143, 132, 97)
HSL
hsl(46, 19%, 47%)
HSB
hsb(46, 32%, 56%)
CMYK
cmyk(0%, 8%, 32%, 44%)
Oklch
oklch(61.4% 0.051 92.7)

Traditional「Ochre」· Paint「Honey Gold」· Creative Blush Sunrise

#98BBA6

Celadon · DarkSeaGreen · Apple Green

HEX
#98BBA6
RGB
rgb(152, 187, 166)
HSL
hsl(144, 20%, 66%)
HSB
hsb(144, 19%, 73%)
CMYK
cmyk(19%, 0%, 11%, 27%)
Oklch
oklch(76.0% 0.048 158.7)

Traditional「Celadon」· Paint「Apple Green」· Creative Mint Breeze

#96EBDE

Jade · LightBlue · Lake Green

HEX
#96EBDE
RGB
rgb(150, 235, 222)
HSL
hsl(171, 68%, 75%)
HSB
hsb(171, 36%, 92%)
CMYK
cmyk(36%, 0%, 6%, 8%)
Oklch
oklch(88.2% 0.085 183.6)

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

#BFFCFF

Sky Blue · Lavender · Glacier Blue

HEX
#BFFCFF
RGB
rgb(191, 252, 255)
HSL
hsl(183, 100%, 87%)
HSB
hsb(183, 25%, 100%)
CMYK
cmyk(25%, 1%, 0%, 0%)
Oklch
oklch(95.1% 0.061 200.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

795B40
3F5E78

Analogous

783F41
795B40
78763F

Triadic

795B40
3F785A
5A3F78

Split-Comp.

795B40
3F7876
3F4178

Tetradic

795B40
41783F
3F5E78
763F78

Contrast Matrix WCAG 2.1 Contrast

795B40
8F8461
98BBA6
96EBDE
BFFCFF
—
1.7
Fail
3.0
Fail
4.5
AA
5.5
AA
1.7
Fail
—
1.8
Fail
2.7
Fail
3.3
AA Large
3.0
Fail
1.8
Fail
—
1.5
Fail
1.9
Fail
4.5
AA
2.7
Fail
1.5
Fail
—
1.2
Fail
5.5
AA
3.3
AA Large
1.9
Fail
1.2
Fail
—
White BG
6.2AA
3.7AA Large
2.1Fail
1.4Fail
1.1Fail
Black BG
3.4AA Large
5.6AA
10.0AAA
15.2AAA
18.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

6C6C47
8A8A69
A7A7AB
BBBCE1
D9DAFE

Deuteranopia

6E7048
8B8C6C
A5A3AC
B6B0E2
D6D1FE

Tritanopia

774C4D
8E7072
9AAFB0
9AE4E4
C2FEFE

Achromatopsia

616161
838383
AEAEAE
D0D0D0
EAEAEA

Shades & Tints Shades & Tints

#795B40

Dark
Light

#8F8461

Dark
Light

#98BBA6

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #795b40;
  --color-2: #8f8461;
  --color-3: #98bba6;
  --color-4: #96ebde;
  --color-5: #bffcff;
}

SCSS

$color-1: #795b40;
$color-2: #8f8461;
$color-3: #98bba6;
$color-4: #96ebde;
$color-5: #bffcff;

TAILWIND

colors: {
  'brand-1': '#795b40',
  'brand-2': '#8f8461',
  'brand-3': '#98bba6',
  'brand-4': '#96ebde',
  'brand-5': '#bffcff',
}

RGB Array

[121, 91, 64], [143, 132, 97], [152, 187, 166], [150, 235, 222], [191, 252, 255]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #795B40, #8F8461, #98BBA6, #96EBDE, #BFFCFF 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: #795b40; --color-2: #8f8461; --color-3: #98bba6; --color-4: #96ebde; --color-5: #bffcff. 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