← Back to Editor

#B3CEB7 · #CBEDAA · #F7997D · #B6776F · #6A5A62

A 5-color palette palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#B3CEB7

Celadon · Silver · Apple Green

HEX
#B3CEB7
RGB
rgb(179, 206, 183)
HSL
hsl(129, 22%, 75%)
HSB
hsb(129, 13%, 81%)
CMYK
cmyk(13%, 0%, 11%, 19%)
Oklch
oklch(82.5% 0.043 149.5)

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

#CBEDAA

Emerald · Wheat · Apple Green

HEX
#CBEDAA
RGB
rgb(203, 237, 170)
HSL
hsl(90, 65%, 80%)
HSB
hsb(90, 28%, 93%)
CMYK
cmyk(14%, 0%, 28%, 7%)
Oklch
oklch(90.5% 0.095 130.0)

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

#F7997D

Peach Pink · LightSalmon · Coral Red

HEX
#F7997D
RGB
rgb(247, 153, 125)
HSL
hsl(14, 88%, 73%)
HSB
hsb(14, 49%, 97%)
CMYK
cmyk(0%, 38%, 49%, 3%)
Oklch
oklch(77.3% 0.120 37.4)

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

#B6776F

Crimson · Gray · Passion Red

HEX
#B6776F
RGB
rgb(182, 119, 111)
HSL
hsl(7, 33%, 57%)
HSB
hsb(7, 39%, 71%)
CMYK
cmyk(0%, 35%, 39%, 29%)
Oklch
oklch(63.3% 0.081 27.5)

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

#6A5A62

Dark Violet · DimGray · Charcoal

HEX
#6A5A62
RGB
rgb(106, 90, 98)
HSL
hsl(330, 8%, 38%)
HSB
hsb(330, 15%, 42%)
CMYK
cmyk(0%, 15%, 8%, 58%)
Oklch
oklch(48.6% 0.024 346.4)

Traditional「Dark Violet」· Paint「Charcoal」· Creative Midnight Shadow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

B3CEB7
CDB1C9

Analogous

BBCDB1
B3CEB7
B1CDC3

Triadic

B3CEB7
B5B1CD
CDB5B1

Split-Comp.

B3CEB7
C3B1CD
CDB1BB

Tetradic

B3CEB7
B1BBCD
CDB1C9
CDC3B1

Contrast Matrix WCAG 2.1 Contrast

B3CEB7
CBEDAA
F7997D
B6776F
6A5A62
—
1.3
Fail
1.3
Fail
2.1
Fail
3.8
AA Large
1.3
Fail
—
1.7
Fail
2.8
Fail
5.0
AA
1.3
Fail
1.7
Fail
—
1.7
Fail
3.0
AA Large
2.1
Fail
2.8
Fail
1.7
Fail
—
1.8
Fail
3.8
AA Large
5.0
AA
3.0
AA Large
1.8
Fail
—
White BG
1.7Fail
1.3Fail
2.1Fail
3.6AA Large
6.5AA
Black BG
12.4AAA
16.2AAA
9.8AAA
5.9AA
3.3AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

BFBFBD
DADABA
CECD84
9B9A71
636360

Deuteranopia

BDBBBE
D8D5BE
D4DB85
9EA371
646560

Tritanopia

B4C1C2
CDC7CA
F2898A
B37273
695F5E

Achromatopsia

C3C3C3
DBDBDB
B2B2B2
898989
606060

Shades & Tints Shades & Tints

#B3CEB7

Dark
Light

#CBEDAA

Dark
Light

#F7997D

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #b3ceb7;
  --color-2: #cbedaa;
  --color-3: #f7997d;
  --color-4: #b6776f;
  --color-5: #6a5a62;
}

SCSS

$color-1: #b3ceb7;
$color-2: #cbedaa;
$color-3: #f7997d;
$color-4: #b6776f;
$color-5: #6a5a62;

TAILWIND

colors: {
  'brand-1': '#b3ceb7',
  'brand-2': '#cbedaa',
  'brand-3': '#f7997d',
  'brand-4': '#b6776f',
  'brand-5': '#6a5a62',
}

RGB Array

[179, 206, 183], [203, 237, 170], [247, 153, 125], [182, 119, 111], [106, 90, 98]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #B3CEB7, #CBEDAA, #F7997D, #B6776F, #6A5A62 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: #b3ceb7; --color-2: #cbedaa; --color-3: #f7997d; --color-4: #b6776f; --color-5: #6a5a62. 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