← Back to Editor

#49C4A5 · #050505 · #C47300 · #FF5B1A · #FFDE91

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

#49C4A5

Mineral Blue · MediumAquaMarine · Lake Green

HEX
#49C4A5
RGB
rgb(73, 196, 165)
HSL
hsl(165, 51%, 53%)
HSB
hsb(165, 63%, 77%)
CMYK
cmyk(63%, 0%, 16%, 23%)
Oklch
oklch(74.3% 0.118 173.2)

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

#050505

Ink Black · Black · Jet Black

HEX
#050505
RGB
rgb(5, 5, 5)
HSL
hsl(0, 0%, 2%)
HSB
hsb(0, 0%, 2%)
CMYK
cmyk(0%, 0%, 0%, 98%)
Oklch
oklch(11.5% 0.000 89.9)

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

#C47300

Ochre · DarkGoldenRod · Amber Brown

HEX
#C47300
RGB
rgb(196, 115, 0)
HSL
hsl(35, 100%, 38%)
HSB
hsb(35, 100%, 77%)
CMYK
cmyk(0%, 41%, 100%, 23%)
Oklch
oklch(63.1% 0.143 63.7)

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

#FF5B1A

Tangerine · OrangeRed · Warm Sun

HEX
#FF5B1A
RGB
rgb(255, 91, 26)
HSL
hsl(17, 100%, 55%)
HSB
hsb(17, 90%, 100%)
CMYK
cmyk(0%, 64%, 90%, 0%)
Oklch
oklch(68.3% 0.211 38.5)

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

#FFDE91

Goose Yellow · Khaki · Lemon Cream

HEX
#FFDE91
RGB
rgb(255, 222, 145)
HSL
hsl(42, 100%, 78%)
HSB
hsb(42, 43%, 100%)
CMYK
cmyk(0%, 13%, 43%, 0%)
Oklch
oklch(91.1% 0.102 87.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

49C4A5
C44A69

Analogous

4AC469
49C4A5
4AA6C4

Triadic

49C4A5
A64AC4
C4A64A

Split-Comp.

49C4A5
C44AA6
C4694A

Tetradic

49C4A5
694AC4
C44A69
A6C44A

Contrast Matrix WCAG 2.1 Contrast

49C4A5
050505
C47300
FF5B1A
FFDE91
—
9.4
AAA
1.7
Fail
1.4
Fail
1.7
Fail
9.4
AAA
—
5.6
AA
6.6
AA
15.6
AAA
1.7
Fail
5.6
AA
—
1.2
Fail
2.8
Fail
1.4
Fail
6.6
AA
1.2
Fail
—
2.4
Fail
1.7
Fail
15.6
AAA
2.8
Fail
2.4
Fail
—
White BG
2.2Fail
20.4AAA
3.6AA Large
3.1AA Large
1.3Fail
Black BG
9.7AAA
1.0Fail
5.8AA
6.8AA
16.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

7E7FAD
050505
A1A01C
B8B72A
F1F0A4

Deuteranopia

776EAE
050505
A6AC23
C2CE2E
F3F5A8

Tritanopia

4FB2B4
050505
C03237
F73639
FDB2B6

Achromatopsia

9C9C9C
050505
7E7E7E
858585
DFDFDF

Shades & Tints Shades & Tints

#49C4A5

Dark
Light

#050505

Dark
Light

#C47300

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #49c4a5;
  --color-2: #050505;
  --color-3: #c47300;
  --color-4: #ff5b1a;
  --color-5: #ffde91;
}

SCSS

$color-1: #49c4a5;
$color-2: #050505;
$color-3: #c47300;
$color-4: #ff5b1a;
$color-5: #ffde91;

TAILWIND

colors: {
  'brand-1': '#49c4a5',
  'brand-2': '#050505',
  'brand-3': '#c47300',
  'brand-4': '#ff5b1a',
  'brand-5': '#ffde91',
}

RGB Array

[73, 196, 165], [5, 5, 5], [196, 115, 0], [255, 91, 26], [255, 222, 145]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #49C4A5, #050505, #C47300, #FF5B1A, #FFDE91 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: #49c4a5; --color-2: #050505; --color-3: #c47300; --color-4: #ff5b1a; --color-5: #ffde91. 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