← Back to Editor

#445761 · #629E8F · #ACBD75 · #EBD78F · #D6BB7A

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

#445761

Slate Blue · DarkSlateGray · Prussian Blue

HEX
#445761
RGB
rgb(68, 87, 97)
HSL
hsl(201, 18%, 32%)
HSB
hsb(201, 30%, 38%)
CMYK
cmyk(30%, 10%, 0%, 62%)
Oklch
oklch(44.5% 0.029 231.1)

Traditional「Slate Blue」· Paint「Prussian Blue」· Creative Blush Sunrise

#629E8F

Mineral Blue · CadetBlue · Mint Ice

HEX
#629E8F
RGB
rgb(98, 158, 143)
HSL
hsl(165, 24%, 50%)
HSB
hsb(165, 38%, 62%)
CMYK
cmyk(38%, 0%, 9%, 38%)
Oklch
oklch(65.4% 0.067 176.5)

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

#ACBD75

Grass Green · DarkSeaGreen · Olive Green

HEX
#ACBD75
RGB
rgb(172, 189, 117)
HSL
hsl(74, 35%, 60%)
HSB
hsb(74, 38%, 74%)
CMYK
cmyk(9%, 0%, 38%, 26%)
Oklch
oklch(76.8% 0.097 119.6)

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

#EBD78F

Goose Yellow · Khaki · Sunflower

HEX
#EBD78F
RGB
rgb(235, 215, 143)
HSL
hsl(47, 70%, 74%)
HSB
hsb(47, 39%, 92%)
CMYK
cmyk(0%, 9%, 39%, 8%)
Oklch
oklch(87.9% 0.094 94.4)

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

#D6BB7A

Ginger · BurlyWood · Sunflower

HEX
#D6BB7A
RGB
rgb(214, 187, 122)
HSL
hsl(42, 53%, 66%)
HSB
hsb(42, 43%, 84%)
CMYK
cmyk(0%, 13%, 43%, 16%)
Oklch
oklch(80.1% 0.089 87.8)

Traditional「Ginger」· Paint「Sunflower」· Creative Lemon Fizz

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

445761
604D43

Analogous

43605C
445761
434760

Triadic

445761
604356
566043

Split-Comp.

445761
604347
605C43

Tetradic

445761
5C4360
604D43
476043

Contrast Matrix WCAG 2.1 Contrast

445761
629E8F
ACBD75
EBD78F
D6BB7A
—
2.4
Fail
3.7
AA Large
5.3
AA
4.0
AA Large
2.4
Fail
—
1.5
Fail
2.2
Fail
1.7
Fail
3.7
AA Large
1.5
Fail
—
1.4
Fail
1.1
Fail
5.3
AA
2.2
Fail
1.4
Fail
—
1.3
Fail
4.0
AA Large
1.7
Fail
1.1
Fail
1.3
Fail
—
White BG
7.5AAA
3.1AA Large
2.0Fail
1.4Fail
1.9Fail
Black BG
2.8Fail
6.8AA
10.3AAA
14.6AAA
11.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

4C4C5F
7C7D93
B3B486
E2E2A0
CACA8A

Deuteranopia

4B4A5E
797494
B2B18B
E4E5A5
CCCE8E

Tritanopia

455D5C
659596
AD9497
EAAEB1
D59699

Achromatopsia

525252
8A8A8A
B0B0B0
D5D5D5
BCBCBC

Shades & Tints Shades & Tints

#445761

Dark
Light

#629E8F

Dark
Light

#ACBD75

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #445761;
  --color-2: #629e8f;
  --color-3: #acbd75;
  --color-4: #ebd78f;
  --color-5: #d6bb7a;
}

SCSS

$color-1: #445761;
$color-2: #629e8f;
$color-3: #acbd75;
$color-4: #ebd78f;
$color-5: #d6bb7a;

TAILWIND

colors: {
  'brand-1': '#445761',
  'brand-2': '#629e8f',
  'brand-3': '#acbd75',
  'brand-4': '#ebd78f',
  'brand-5': '#d6bb7a',
}

RGB Array

[68, 87, 97], [98, 158, 143], [172, 189, 117], [235, 215, 143], [214, 187, 122]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #445761, #629E8F, #ACBD75, #EBD78F, #D6BB7A 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: #445761; --color-2: #629e8f; --color-3: #acbd75; --color-4: #ebd78f; --color-5: #d6bb7a. 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