← Back to Editor

#65E1BC · #6B825B · #6B5C2C · #5E2C1E · #5E1E28

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

#65E1BC

Jade · MediumAquaMarine · Lake Green

HEX
#65E1BC
RGB
rgb(101, 225, 188)
HSL
hsl(162, 67%, 64%)
HSB
hsb(162, 55%, 88%)
CMYK
cmyk(55%, 0%, 16%, 12%)
Oklch
oklch(82.9% 0.124 170.9)

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

#6B825B

Celadon · DimGray · Olive Green

HEX
#6B825B
RGB
rgb(107, 130, 91)
HSL
hsl(95, 18%, 43%)
HSB
hsb(95, 30%, 51%)
CMYK
cmyk(18%, 0%, 30%, 49%)
Oklch
oklch(57.8% 0.064 132.9)

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

#6B5C2C

Ochre · DarkOliveGreen · Honey Gold

HEX
#6B5C2C
RGB
rgb(107, 92, 44)
HSL
hsl(46, 42%, 30%)
HSB
hsb(46, 59%, 42%)
CMYK
cmyk(0%, 14%, 59%, 58%)
Oklch
oklch(47.8% 0.069 92.3)

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

#5E2C1E

Crimson · Maroon · Wine Red

HEX
#5E2C1E
RGB
rgb(94, 44, 30)
HSL
hsl(13, 52%, 24%)
HSB
hsb(13, 68%, 37%)
CMYK
cmyk(0%, 53%, 68%, 63%)
Oklch
oklch(35.8% 0.077 36.6)

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

#5E1E28

Crimson · Maroon · Wine Red

HEX
#5E1E28
RGB
rgb(94, 30, 40)
HSL
hsl(351, 52%, 24%)
HSB
hsb(351, 68%, 37%)
CMYK
cmyk(0%, 68%, 57%, 63%)
Oklch
oklch(33.8% 0.093 14.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

65E1BC
E1668B

Analogous

66E17E
65E1BC
66C8E1

Triadic

65E1BC
BC66E1
E1BC66

Split-Comp.

65E1BC
E166C8
E17E66

Tetradic

65E1BC
7E66E1
E1668B
C8E166

Contrast Matrix WCAG 2.1 Contrast

65E1BC
6B825B
6B5C2C
5E2C1E
5E1E28
—
2.6
Fail
4.1
AA Large
7.0
AAA
7.7
AAA
2.6
Fail
—
1.6
Fail
2.7
Fail
2.9
Fail
4.1
AA Large
1.6
Fail
—
1.7
Fail
1.9
Fail
7.0
AAA
2.7
Fail
1.7
Fail
—
1.1
Fail
7.7
AAA
2.9
Fail
1.9
Fail
1.1
Fail
—
White BG
1.6Fail
4.2AA Large
6.6AA
11.3AAA
12.4AAA
Black BG
13.0AAA
5.0AA
3.2AA Large
1.9Fail
1.7Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

9B9CC5
757564
656438
484821
424226

Deuteranopia

948AC7
747267
65663A
4B4F22
464B25

Tritanopia

6BCCCE
6C6C6E
6A4143
5C2425
5B2423

Achromatopsia

B8B8B8
777777
5B5B5B
393939
323232

Shades & Tints Shades & Tints

#65E1BC

Dark
Light

#6B825B

Dark
Light

#6B5C2C

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #65e1bc;
  --color-2: #6b825b;
  --color-3: #6b5c2c;
  --color-4: #5e2c1e;
  --color-5: #5e1e28;
}

SCSS

$color-1: #65e1bc;
$color-2: #6b825b;
$color-3: #6b5c2c;
$color-4: #5e2c1e;
$color-5: #5e1e28;

TAILWIND

colors: {
  'brand-1': '#65e1bc',
  'brand-2': '#6b825b',
  'brand-3': '#6b5c2c',
  'brand-4': '#5e2c1e',
  'brand-5': '#5e1e28',
}

RGB Array

[101, 225, 188], [107, 130, 91], [107, 92, 44], [94, 44, 30], [94, 30, 40]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #65E1BC, #6B825B, #6B5C2C, #5E2C1E, #5E1E28 is ideal for: tech websites, dark mode UIs, game UIs. 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: #65e1bc; --color-2: #6b825b; --color-3: #6b5c2c; --color-4: #5e2c1e; --color-5: #5e1e28. 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?

Dark tones work well as backgrounds; pair with light text for readability. Use the brightest color for CTA buttons and interactive elements. 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