← Back to Editor

#499781 · #C49D36 · #FF594C · #CF146F · #2A1502

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

#499781

Mineral Blue · MediumSeaGreen · Mint Ice

HEX
#499781
RGB
rgb(73, 151, 129)
HSL
hsl(163, 35%, 44%)
HSB
hsb(163, 52%, 59%)
CMYK
cmyk(52%, 0%, 15%, 41%)
Oklch
oklch(62.0% 0.085 172.7)

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

#C49D36

Ochre · GoldenRod · Honey Gold

HEX
#C49D36
RGB
rgb(196, 157, 54)
HSL
hsl(44, 57%, 49%)
HSB
hsb(44, 72%, 77%)
CMYK
cmyk(0%, 20%, 72%, 23%)
Oklch
oklch(71.4% 0.126 87.4)

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

#FF594C

Peach Pink · Tomato · Coral Red

HEX
#FF594C
RGB
rgb(255, 89, 76)
HSL
hsl(4, 100%, 65%)
HSB
hsb(4, 70%, 100%)
CMYK
cmyk(0%, 65%, 70%, 0%)
Oklch
oklch(68.5% 0.204 28.1)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

#CF146F

Dark Violet · MediumVioletRed · Camellia

HEX
#CF146F
RGB
rgb(207, 20, 111)
HSL
hsl(331, 82%, 45%)
HSB
hsb(331, 90%, 81%)
CMYK
cmyk(0%, 90%, 46%, 19%)
Oklch
oklch(55.9% 0.218 360.0)

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

#2A1502

Tangerine · Black · Cinnamon

HEX
#2A1502
RGB
rgb(42, 21, 2)
HSL
hsl(29, 91%, 9%)
HSB
hsb(29, 95%, 16%)
CMYK
cmyk(0%, 50%, 95%, 84%)
Oklch
oklch(22.1% 0.047 61.8)

Traditional「Tangerine」· Paint「Cinnamon」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

499781
97495F

Analogous

49975A
499781
498697

Triadic

499781
814997
978149

Split-Comp.

499781
974986
975A49

Tetradic

499781
5A4997
97495F
869749

Contrast Matrix WCAG 2.1 Contrast

499781
C49D36
FF594C
CF146F
2A1502
—
1.4
Fail
1.1
Fail
1.5
Fail
5.0
AA
1.4
Fail
—
1.2
Fail
2.1
Fail
6.8
AA
1.1
Fail
1.2
Fail
—
1.7
Fail
5.6
AA
1.5
Fail
2.1
Fail
1.7
Fail
—
3.3
AA Large
5.0
AA
6.8
AA
5.6
AA
3.3
AA Large
—
White BG
3.5AA Large
2.6Fail
3.1AA Large
5.3AA
17.4AAA
Black BG
6.0AA
8.2AAA
6.8AA
4.0AA Large
1.2Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

6B6B86
B3B34F
B7B64F
7E7C59
212107

Deuteranopia

666088
B5B855
C1CD50
899754
222408

Tritanopia

4D8B8B
C26367
F75252
C64844
290A0B

Achromatopsia

7D7D7D
9D9D9D
898989
565656
191919

Shades & Tints Shades & Tints

#499781

Dark
Light

#C49D36

Dark
Light

#FF594C

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #499781;
  --color-2: #c49d36;
  --color-3: #ff594c;
  --color-4: #cf146f;
  --color-5: #2a1502;
}

SCSS

$color-1: #499781;
$color-2: #c49d36;
$color-3: #ff594c;
$color-4: #cf146f;
$color-5: #2a1502;

TAILWIND

colors: {
  'brand-1': '#499781',
  'brand-2': '#c49d36',
  'brand-3': '#ff594c',
  'brand-4': '#cf146f',
  'brand-5': '#2a1502',
}

RGB Array

[73, 151, 129], [196, 157, 54], [255, 89, 76], [207, 20, 111], [42, 21, 2]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #499781, #C49D36, #FF594C, #CF146F, #2A1502 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: #499781; --color-2: #c49d36; --color-3: #ff594c; --color-4: #cf146f; --color-5: #2a1502. 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