← Back to Editor

#DBDCCA · #B3C9C1 · #85B5AD · #218489 · #034254

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#DBDCCA

Fresh Green · LightGray · Lemon Cream

HEX
#DBDCCA
RGB
rgb(219, 220, 202)
HSL
hsl(63, 20%, 83%)
HSB
hsb(63, 8%, 86%)
CMYK
cmyk(0%, 0%, 8%, 14%)
Oklch
oklch(88.9% 0.024 109.5)

Traditional「Fresh Green」· Paint「Lemon Cream」· Creative Lemon Fizz

#B3C9C1

Jade · Silver · Apple Green

HEX
#B3C9C1
RGB
rgb(179, 201, 193)
HSL
hsl(158, 17%, 75%)
HSB
hsb(158, 11%, 79%)
CMYK
cmyk(11%, 0%, 4%, 21%)
Oklch
oklch(81.7% 0.026 171.8)

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

#85B5AD

Jade · DarkSeaGreen · Lake Green

HEX
#85B5AD
RGB
rgb(133, 181, 173)
HSL
hsl(170, 24%, 62%)
HSB
hsb(170, 27%, 71%)
CMYK
cmyk(27%, 0%, 4%, 29%)
Oklch
oklch(73.7% 0.052 183.5)

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

#218489

Lake Blue · Teal · Mint Ice

HEX
#218489
RGB
rgb(33, 132, 137)
HSL
hsl(183, 61%, 33%)
HSB
hsb(183, 76%, 54%)
CMYK
cmyk(76%, 4%, 0%, 46%)
Oklch
oklch(56.2% 0.087 200.1)

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

#034254

Lake Blue · DarkSlateGray · Peacock Green

HEX
#034254
RGB
rgb(3, 66, 84)
HSL
hsl(193, 93%, 17%)
HSB
hsb(193, 96%, 33%)
CMYK
cmyk(96%, 21%, 0%, 67%)
Oklch
oklch(35.3% 0.065 223.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

DBDCCA
CCCBDC

Analogous

DCD5CB
DBDCCA
D3DCCB

Triadic

DBDCCA
CBDBDC
DCCBDB

Split-Comp.

DBDCCA
CBD3DC
D5CBDC

Tetradic

DBDCCA
CBDCD5
CCCBDC
DCCBD3

Contrast Matrix WCAG 2.1 Contrast

DBDCCA
B3C9C1
85B5AD
218489
034254
—
1.3
Fail
1.6
Fail
3.2
AA Large
7.9
AAA
1.3
Fail
—
1.3
Fail
2.5
Fail
6.3
AA
1.6
Fail
1.3
Fail
—
1.9
Fail
4.8
AA
3.2
AA Large
2.5
Fail
1.9
Fail
—
2.5
Fail
7.9
AAA
6.3
AA
4.8
AA
2.5
Fail
—
White BG
1.4Fail
1.7Fail
2.3Fail
4.4AA Large
11.0AAA
Black BG
15.1AAA
12.0AAA
9.2AAA
4.7AA
1.9Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

DBDBCE
BDBDC3
9A9AAF
4C4D88
1E1F50

Deuteranopia

DBDBCF
BBBAC3
9793AF
463F88
1B164F

Tritanopia

DBD2D3
B4C4C5
87B0B1
268787
064C4B

Achromatopsia

DADADA
C2C2C2
A6A6A6
676767
313131

Shades & Tints Shades & Tints

#DBDCCA

Dark
Light

#B3C9C1

Dark
Light

#85B5AD

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #dbdcca;
  --color-2: #b3c9c1;
  --color-3: #85b5ad;
  --color-4: #218489;
  --color-5: #034254;
}

SCSS

$color-1: #dbdcca;
$color-2: #b3c9c1;
$color-3: #85b5ad;
$color-4: #218489;
$color-5: #034254;

TAILWIND

colors: {
  'brand-1': '#dbdcca',
  'brand-2': '#b3c9c1',
  'brand-3': '#85b5ad',
  'brand-4': '#218489',
  'brand-5': '#034254',
}

RGB Array

[219, 220, 202], [179, 201, 193], [133, 181, 173], [33, 132, 137], [3, 66, 84]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #DBDCCA, #B3C9C1, #85B5AD, #218489, #034254 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: #dbdcca; --color-2: #b3c9c1; --color-3: #85b5ad; --color-4: #218489; --color-5: #034254. 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