← Back to Editor

#769F97 · #6A0604 · #A44515 · #D09307 · #D9CCA2

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarmCool

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial AppData Visualization

Color Details Color Details

#769F97

Mineral Blue · LightSlateGray · Lake Green

HEX
#769F97
RGB
rgb(118, 159, 151)
HSL
hsl(168, 18%, 54%)
HSB
hsb(168, 26%, 62%)
CMYK
cmyk(26%, 0%, 5%, 38%)
Oklch
oklch(67.0% 0.046 181.5)

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

#6A0604

Vermilion · Maroon · Wine Red

HEX
#6A0604
RGB
rgb(106, 6, 4)
HSL
hsl(1, 93%, 22%)
HSB
hsb(1, 96%, 42%)
CMYK
cmyk(0%, 94%, 96%, 58%)
Oklch
oklch(33.3% 0.131 29.0)

Traditional「Vermilion」· Paint「Wine Red」· Creative Blush Sunrise

#A44515

Tangerine · Sienna · Amber Brown

HEX
#A44515
RGB
rgb(164, 69, 21)
HSL
hsl(20, 77%, 36%)
HSB
hsb(20, 87%, 64%)
CMYK
cmyk(0%, 58%, 87%, 36%)
Oklch
oklch(51.0% 0.138 43.3)

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

#D09307

Ochre · DarkGoldenRod · Honey Gold

HEX
#D09307
RGB
rgb(208, 147, 7)
HSL
hsl(42, 93%, 42%)
HSB
hsb(42, 97%, 82%)
CMYK
cmyk(0%, 29%, 97%, 18%)
Oklch
oklch(70.5% 0.145 78.7)

Traditional「Ochre」· Paint「Honey Gold」· Creative Blush Sunrise

#D9CCA2

Goose Yellow · Tan · Sunflower

HEX
#D9CCA2
RGB
rgb(217, 204, 162)
HSL
hsl(46, 42%, 74%)
HSB
hsb(46, 25%, 85%)
CMYK
cmyk(0%, 6%, 25%, 15%)
Oklch
oklch(84.5% 0.058 92.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

769F97
9F757D

Analogous

759F81
769F97
75929F

Triadic

769F97
96759F
9F9675

Split-Comp.

769F97
9F7592
9F8175

Tetradic

769F97
81759F
9F757D
929F75

Contrast Matrix WCAG 2.1 Contrast

769F97
6A0604
A44515
D09307
D9CCA2
—
4.4
AA Large
2.1
Fail
1.1
Fail
1.8
Fail
4.4
AA Large
—
2.1
Fail
4.8
AA
8.0
AAA
2.1
Fail
2.1
Fail
—
2.3
Fail
3.8
AA Large
1.1
Fail
4.8
AA
2.3
Fail
—
1.7
Fail
1.8
Fail
8.0
AAA
3.8
AA Large
1.7
Fail
—
White BG
2.9Fail
12.8AAA
6.1AA
2.7Fail
1.6Fail
Black BG
7.2AAA
1.6Fail
3.4AA Large
7.9AAA
13.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

888899
3F3E04
7B7A21
B6B529
D3D3AC

Deuteranopia

858299
454C05
808823
B9BE31
D4D5AF

Tritanopia

789A9B
650505
9F2A2C
CD444A
D8B4B6

Achromatopsia

929292
242424
5C5C5C
959595
CBCBCB

Shades & Tints Shades & Tints

#769F97

Dark
Light

#6A0604

Dark
Light

#A44515

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #769f97;
  --color-2: #6a0604;
  --color-3: #a44515;
  --color-4: #d09307;
  --color-5: #d9cca2;
}

SCSS

$color-1: #769f97;
$color-2: #6a0604;
$color-3: #a44515;
$color-4: #d09307;
$color-5: #d9cca2;

TAILWIND

colors: {
  'brand-1': '#769f97',
  'brand-2': '#6a0604',
  'brand-3': '#a44515',
  'brand-4': '#d09307',
  'brand-5': '#d9cca2',
}

RGB Array

[118, 159, 151], [106, 6, 4], [164, 69, 21], [208, 147, 7], [217, 204, 162]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #769F97, #6A0604, #A44515, #D09307, #D9CCA2 is ideal for: social media posters, mobile apps, e-commerce promos, infographics, data visualization, accessible design. Vivid colors effectively attract user attention. High contrast ensures clear visual hierarchy and readability. It is a vibrant and energetic choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #769f97; --color-2: #6a0604; --color-3: #a44515; --color-4: #d09307; --color-5: #d9cca2. 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 food & dining, entertainment, kids education, social industries. Bold colors convey vitality and innovation. 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