← Back to Editor

#DBCFA7 · #F5E0B3 · #91B7A8 · #655440 · #30777D

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

#DBCFA7

Goose Yellow · Wheat · Lemon Cream

HEX
#DBCFA7
RGB
rgb(219, 207, 167)
HSL
hsl(46, 42%, 76%)
HSB
hsb(46, 24%, 86%)
CMYK
cmyk(0%, 5%, 24%, 14%)
Oklch
oklch(85.4% 0.055 93.3)

Traditional「Goose Yellow」· Paint「Lemon Cream」· Creative Lemon Fizz

#F5E0B3

Goose Yellow · Wheat · Lemon Cream

HEX
#F5E0B3
RGB
rgb(245, 224, 179)
HSL
hsl(41, 77%, 83%)
HSB
hsb(41, 27%, 96%)
CMYK
cmyk(0%, 9%, 27%, 4%)
Oklch
oklch(91.3% 0.063 85.9)

Traditional「Goose Yellow」· Paint「Lemon Cream」· Creative Lemon Fizz

#91B7A8

Jade · DarkSeaGreen · Apple Green

HEX
#91B7A8
RGB
rgb(145, 183, 168)
HSL
hsl(156, 21%, 64%)
HSB
hsb(156, 21%, 72%)
CMYK
cmyk(21%, 0%, 8%, 28%)
Oklch
oklch(74.7% 0.046 169.0)

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

#655440

Ochre · DarkOliveGreen · Amber Brown

HEX
#655440
RGB
rgb(101, 84, 64)
HSL
hsl(32, 22%, 32%)
HSB
hsb(32, 37%, 40%)
CMYK
cmyk(0%, 17%, 37%, 60%)
Oklch
oklch(45.7% 0.038 71.2)

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

#30777D

Slate Blue · SeaGreen · Mint Ice

HEX
#30777D
RGB
rgb(48, 119, 125)
HSL
hsl(185, 45%, 34%)
HSB
hsb(185, 62%, 49%)
CMYK
cmyk(62%, 5%, 0%, 51%)
Oklch
oklch(52.7% 0.071 202.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

DBCFA7
A8B4DC

Analogous

DCB6A8
DBCFA7
CEDCA8

Triadic

DBCFA7
A8DCD0
D0A8DC

Split-Comp.

DBCFA7
A8CEDC
B6A8DC

Tetradic

DBCFA7
A8DCB6
A8B4DC
DCA8CE

Contrast Matrix WCAG 2.1 Contrast

DBCFA7
F5E0B3
91B7A8
655440
30777D
—
1.2
Fail
1.4
Fail
4.7
AA
3.3
AA Large
1.2
Fail
—
1.7
Fail
5.6
AA
4.0
AA Large
1.4
Fail
1.7
Fail
—
3.3
AA Large
2.4
Fail
4.7
AA
5.6
AA
3.3
AA Large
—
1.4
Fail
3.3
AA Large
4.0
AA Large
2.4
Fail
1.4
Fail
—
White BG
1.6Fail
1.3Fail
2.2Fail
7.3AAA
5.2AA
Black BG
13.5AAA
16.2AAA
9.5AAA
2.9Fail
4.1AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

D6D6B1
ECECBE
A1A2AC
5E5D45
4F4F7C

Deuteranopia

D7D7B3
EDEFC1
9F9CAD
5F6046
4B457B

Tritanopia

DAB8BA
F4C6C8
93AEAF
64494A
347A7A

Achromatopsia

CECECE
E1E1E1
AAAAAA
575757
626262

Shades & Tints Shades & Tints

#DBCFA7

Dark
Light

#F5E0B3

Dark
Light

#91B7A8

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #dbcfa7;
  --color-2: #f5e0b3;
  --color-3: #91b7a8;
  --color-4: #655440;
  --color-5: #30777d;
}

SCSS

$color-1: #dbcfa7;
$color-2: #f5e0b3;
$color-3: #91b7a8;
$color-4: #655440;
$color-5: #30777d;

TAILWIND

colors: {
  'brand-1': '#dbcfa7',
  'brand-2': '#f5e0b3',
  'brand-3': '#91b7a8',
  'brand-4': '#655440',
  'brand-5': '#30777d',
}

RGB Array

[219, 207, 167], [245, 224, 179], [145, 183, 168], [101, 84, 64], [48, 119, 125]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #DBCFA7, #F5E0B3, #91B7A8, #655440, #30777D 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: #dbcfa7; --color-2: #f5e0b3; --color-3: #91b7a8; --color-4: #655440; --color-5: #30777d. 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