← Back to Editor

#BDD8B8 · #7AC6A6 · #6B8C8B · #68526D · #692738

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

#BDD8B8

Celadon · Silver · Apple Green

HEX
#BDD8B8
RGB
rgb(189, 216, 184)
HSL
hsl(111, 29%, 78%)
HSB
hsb(111, 15%, 85%)
CMYK
cmyk(12%, 0%, 15%, 15%)
Oklch
oklch(85.4% 0.052 140.7)

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

#7AC6A6

Jade · MediumAquaMarine · Apple Green

HEX
#7AC6A6
RGB
rgb(122, 198, 166)
HSL
hsl(155, 40%, 63%)
HSB
hsb(155, 38%, 78%)
CMYK
cmyk(38%, 0%, 16%, 22%)
Oklch
oklch(76.8% 0.089 165.5)

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

#6B8C8B

Mineral Blue · SlateGray · Mint Ice

HEX
#6B8C8B
RGB
rgb(107, 140, 139)
HSL
hsl(178, 13%, 48%)
HSB
hsb(178, 24%, 55%)
CMYK
cmyk(24%, 0%, 1%, 45%)
Oklch
oklch(61.5% 0.037 193.9)

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

#68526D

Dark Plum · DimGray · Eggplant

HEX
#68526D
RGB
rgb(104, 82, 109)
HSL
hsl(289, 14%, 37%)
HSB
hsb(289, 25%, 43%)
CMYK
cmyk(5%, 25%, 0%, 57%)
Oklch
oklch(47.1% 0.051 320.0)

Traditional「Dark Plum」· Paint「Eggplant」· Creative Blush Sunrise

#692738

Crimson · Brown · Wine Red

HEX
#692738
RGB
rgb(105, 39, 56)
HSL
hsl(345, 46%, 28%)
HSB
hsb(345, 63%, 41%)
CMYK
cmyk(0%, 63%, 47%, 59%)
Oklch
oklch(37.4% 0.096 7.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

BDD8B8
D2B7D7

Analogous

CCD7B7
BDD8B8
B7D7C2

Triadic

BDD8B8
B7BCD7
D7B7BC

Split-Comp.

BDD8B8
C2B7D7
D7B7CC

Tetradic

BDD8B8
B7CCD7
D2B7D7
D7C2B7

Contrast Matrix WCAG 2.1 Contrast

BDD8B8
7AC6A6
6B8C8B
68526D
692738
—
1.3
Fail
2.4
Fail
4.5
AA
7.0
AAA
1.3
Fail
—
1.8
Fail
3.5
AA Large
5.4
AA
2.4
Fail
1.8
Fail
—
1.9
Fail
3.0
Fail
4.5
AA
3.5
AA Large
1.9
Fail
—
1.5
Fail
7.0
AAA
5.4
AA
3.0
Fail
1.5
Fail
—
White BG
1.5Fail
2.0Fail
3.7AA Large
7.0AA
10.8AAA
Black BG
13.7AAA
10.5AAA
5.7AA
3.0AA Large
1.9Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

C9C9C0
9B9CAE
797A8B
5E5E66
4C4C34

Deuteranopia

C7C5C2
9791B0
77758B
606165
505533

Tritanopia

BEC6C7
7EB4B5
6D8B8B
676160
663130

Achromatopsia

CCCCCC
ACACAC
828282
5C5C5C
3D3D3D

Shades & Tints Shades & Tints

#BDD8B8

Dark
Light

#7AC6A6

Dark
Light

#6B8C8B

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #bdd8b8;
  --color-2: #7ac6a6;
  --color-3: #6b8c8b;
  --color-4: #68526d;
  --color-5: #692738;
}

SCSS

$color-1: #bdd8b8;
$color-2: #7ac6a6;
$color-3: #6b8c8b;
$color-4: #68526d;
$color-5: #692738;

TAILWIND

colors: {
  'brand-1': '#bdd8b8',
  'brand-2': '#7ac6a6',
  'brand-3': '#6b8c8b',
  'brand-4': '#68526d',
  'brand-5': '#692738',
}

RGB Array

[189, 216, 184], [122, 198, 166], [107, 140, 139], [104, 82, 109], [105, 39, 56]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #BDD8B8, #7AC6A6, #6B8C8B, #68526D, #692738 is ideal for: brand design, premium product pages, magazine layouts, infographics, data visualization, accessible design. Low-saturation colors convey a sophisticated, premium feel. High contrast ensures clear visual hierarchy and readability. 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: #bdd8b8; --color-2: #7ac6a6; --color-3: #6b8c8b; --color-4: #68526d; --color-5: #692738. 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. 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