← Back to Editor

#639A9F · #C8A882 · #CDB58F · #620740 · #1B1A18

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

#639A9F

Slate Blue · CadetBlue · Lake Green

HEX
#639A9F
RGB
rgb(99, 154, 159)
HSL
hsl(185, 24%, 51%)
HSB
hsb(185, 38%, 62%)
CMYK
cmyk(38%, 3%, 0%, 38%)
Oklch
oklch(65.0% 0.058 203.1)

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

#C8A882

Ginger · Tan · Warm Sun

HEX
#C8A882
RGB
rgb(200, 168, 130)
HSL
hsl(33, 39%, 65%)
HSB
hsb(33, 35%, 78%)
CMYK
cmyk(0%, 16%, 35%, 22%)
Oklch
oklch(75.1% 0.064 71.4)

Traditional「Ginger」· Paint「Warm Sun」· Creative Honey Glow

#CDB58F

Ginger · Tan · Warm Sun

HEX
#CDB58F
RGB
rgb(205, 181, 143)
HSL
hsl(37, 38%, 68%)
HSB
hsb(37, 30%, 80%)
CMYK
cmyk(0%, 12%, 30%, 20%)
Oklch
oklch(78.4% 0.058 79.1)

Traditional「Ginger」· Paint「Warm Sun」· Creative Honey Glow

#620740

Rose Purple · Maroon · Raspberry

HEX
#620740
RGB
rgb(98, 7, 64)
HSL
hsl(322, 87%, 21%)
HSB
hsb(322, 93%, 38%)
CMYK
cmyk(0%, 93%, 35%, 62%)
Oklch
oklch(33.2% 0.132 349.3)

Traditional「Rose Purple」· Paint「Raspberry」· Creative Blush Sunrise

#1B1A18

Ink Black · Black · Jet Black

HEX
#1B1A18
RGB
rgb(27, 26, 24)
HSL
hsl(40, 6%, 10%)
HSB
hsb(40, 11%, 11%)
CMYK
cmyk(0%, 4%, 11%, 89%)
Oklch
oklch(21.8% 0.004 84.6)

Traditional「Ink Black」· Paint「Jet Black」· Creative Midnight Shadow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

639A9F
A06964

Analogous

64A087
639A9F
647DA0

Triadic

639A9F
A0649B
9BA064

Split-Comp.

639A9F
A0647D
A08764

Tetradic

639A9F
8764A0
A06964
7DA064

Contrast Matrix WCAG 2.1 Contrast

639A9F
C8A882
CDB58F
620740
1B1A18
—
1.4
Fail
1.6
Fail
4.1
AA Large
5.5
AA
1.4
Fail
—
1.1
Fail
5.8
AA
7.8
AAA
1.6
Fail
1.1
Fail
—
6.5
AA
8.8
AAA
4.1
AA Large
5.8
AA
6.5
AA
—
1.3
Fail
5.5
AA
7.8
AAA
8.8
AAA
1.3
Fail
—
White BG
3.2AA Large
2.2Fail
2.0Fail
12.9AAA
17.4AAA
Black BG
6.7AA
9.4AAA
10.6AAA
1.6Fail
1.2Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

7B7B9E
BABA8B
C3C298
3B3A32
1B1B18

Deuteranopia

78749E
BCBE8D
C4C69A
40472F
1B1B19

Tritanopia

669D9D
C69294
CC9FA1
5D2725
1B1919

Achromatopsia

8A8A8A
ADADAD
B8B8B8
292929
1A1A1A

Shades & Tints Shades & Tints

#639A9F

Dark
Light

#C8A882

Dark
Light

#CDB58F

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #639a9f;
  --color-2: #c8a882;
  --color-3: #cdb58f;
  --color-4: #620740;
  --color-5: #1b1a18;
}

SCSS

$color-1: #639a9f;
$color-2: #c8a882;
$color-3: #cdb58f;
$color-4: #620740;
$color-5: #1b1a18;

TAILWIND

colors: {
  'brand-1': '#639a9f',
  'brand-2': '#c8a882',
  'brand-3': '#cdb58f',
  'brand-4': '#620740',
  'brand-5': '#1b1a18',
}

RGB Array

[99, 154, 159], [200, 168, 130], [205, 181, 143], [98, 7, 64], [27, 26, 24]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #639A9F, #C8A882, #CDB58F, #620740, #1B1A18 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: #639a9f; --color-2: #c8a882; --color-3: #cdb58f; --color-4: #620740; --color-5: #1b1a18. 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