← Back to Editor

#760D0D · #13A9B8 · #DDA24F · #D8D58D · #42061F

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

#760D0D

Vermilion · Maroon · Wine Red

HEX
#760D0D
RGB
rgb(118, 13, 13)
HSL
hsl(0, 80%, 26%)
HSB
hsb(0, 89%, 46%)
CMYK
cmyk(0%, 89%, 89%, 54%)
Oklch
oklch(36.3% 0.138 27.6)

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

#13A9B8

Lake Blue · LightSeaGreen · Mint Ice

HEX
#13A9B8
RGB
rgb(19, 169, 184)
HSL
hsl(185, 81%, 40%)
HSB
hsb(185, 90%, 72%)
CMYK
cmyk(90%, 8%, 0%, 28%)
Oklch
oklch(67.2% 0.112 206.3)

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

#DDA24F

Ginger · SandyBrown · Warm Sun

HEX
#DDA24F
RGB
rgb(221, 162, 79)
HSL
hsl(35, 68%, 59%)
HSB
hsb(35, 64%, 87%)
CMYK
cmyk(0%, 27%, 64%, 13%)
Oklch
oklch(75.3% 0.122 73.3)

Traditional「Ginger」· Paint「Warm Sun」· Creative Blush Sunrise

#D8D58D

Fresh Green · Khaki · Sunflower

HEX
#D8D58D
RGB
rgb(216, 213, 141)
HSL
hsl(58, 49%, 70%)
HSB
hsb(58, 35%, 85%)
CMYK
cmyk(0%, 1%, 35%, 15%)
Oklch
oklch(85.9% 0.092 106.2)

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

#42061F

Dark Violet · Maroon · Raspberry

HEX
#42061F
RGB
rgb(66, 6, 31)
HSL
hsl(335, 83%, 14%)
HSB
hsb(335, 91%, 26%)
CMYK
cmyk(0%, 91%, 53%, 74%)
Oklch
oklch(25.2% 0.091 1.6)

Traditional「Dark Violet」· Paint「Raspberry」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

760D0D
0D7777

Analogous

770D42
760D0D
77420D

Triadic

760D0D
0D770D
0D0D77

Split-Comp.

760D0D
0D7742
0D4277

Tetradic

760D0D
42770D
0D7777
420D77

Contrast Matrix WCAG 2.1 Contrast

760D0D
13A9B8
DDA24F
D8D58D
42061F
—
4.0
AA Large
5.1
AA
7.5
AAA
1.4
Fail
4.0
AA Large
—
1.3
Fail
1.9
Fail
5.8
AA
5.1
AA
1.3
Fail
—
1.5
Fail
7.3
AAA
7.5
AAA
1.9
Fail
1.5
Fail
—
10.8
AAA
1.4
Fail
5.8
AA
7.3
AAA
10.8
AAA
—
White BG
11.5AAA
2.8Fail
2.2Fail
1.5Fail
16.4AAA
Black BG
1.8Fail
7.4AAA
9.4AAA
13.8AAA
1.3Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

49480D
5455B4
C3C363
D7D79E
282719

Deuteranopia

4F570D
4B40B3
C7CB68
D7D7A3
2C3018

Tritanopia

710D0D
1BB2B1
DA7376
D8ACAF
3F1413

Achromatopsia

2C2C2C
7E7E7E
AAAAAA
CECECE
1B1B1B

Shades & Tints Shades & Tints

#760D0D

Dark
Light

#13A9B8

Dark
Light

#DDA24F

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #760d0d;
  --color-2: #13a9b8;
  --color-3: #dda24f;
  --color-4: #d8d58d;
  --color-5: #42061f;
}

SCSS

$color-1: #760d0d;
$color-2: #13a9b8;
$color-3: #dda24f;
$color-4: #d8d58d;
$color-5: #42061f;

TAILWIND

colors: {
  'brand-1': '#760d0d',
  'brand-2': '#13a9b8',
  'brand-3': '#dda24f',
  'brand-4': '#d8d58d',
  'brand-5': '#42061f',
}

RGB Array

[118, 13, 13], [19, 169, 184], [221, 162, 79], [216, 213, 141], [66, 6, 31]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #760D0D, #13A9B8, #DDA24F, #D8D58D, #42061F 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: #760d0d; --color-2: #13a9b8; --color-3: #dda24f; --color-4: #d8d58d; --color-5: #42061f. 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