← Back to Editor

#1A1412 · #55CFB4 · #D4D998 · #FFECA6 · #EB6726

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

#1A1412

Tangerine · Black · Cinnamon

HEX
#1A1412
RGB
rgb(26, 20, 18)
HSL
hsl(15, 18%, 9%)
HSB
hsb(15, 31%, 10%)
CMYK
cmyk(0%, 23%, 31%, 90%)
Oklch
oklch(19.8% 0.011 39.3)

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

#55CFB4

Mineral Blue · MediumAquaMarine · Lake Green

HEX
#55CFB4
RGB
rgb(85, 207, 180)
HSL
hsl(167, 56%, 57%)
HSB
hsb(167, 59%, 81%)
CMYK
cmyk(59%, 0%, 13%, 19%)
Oklch
oklch(77.8% 0.116 176.0)

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

#D4D998

Fresh Green · Khaki · Sunflower

HEX
#D4D998
RGB
rgb(212, 217, 152)
HSL
hsl(65, 46%, 72%)
HSB
hsb(65, 30%, 85%)
CMYK
cmyk(2%, 0%, 30%, 15%)
Oklch
oklch(86.6% 0.085 111.7)

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

#FFECA6

Goose Yellow · Wheat · Lemon Cream

HEX
#FFECA6
RGB
rgb(255, 236, 166)
HSL
hsl(47, 100%, 83%)
HSB
hsb(47, 35%, 100%)
CMYK
cmyk(0%, 7%, 35%, 0%)
Oklch
oklch(94.2% 0.090 94.7)

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

#EB6726

Tangerine · Chocolate · Warm Sun

HEX
#EB6726
RGB
rgb(235, 103, 38)
HSL
hsl(20, 83%, 54%)
HSB
hsb(20, 84%, 92%)
CMYK
cmyk(0%, 56%, 84%, 8%)
Oklch
oklch(66.8% 0.179 43.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

1A1412
13191B

Analogous

1B1315
1A1412
1B1913

Triadic

1A1412
131B15
15131B

Split-Comp.

1A1412
131B19
13151B

Tetradic

1A1412
151B13
13191B
19131B

Contrast Matrix WCAG 2.1 Contrast

1A1412
55CFB4
D4D998
FFECA6
EB6726
—
9.5
AAA
12.3
AAA
15.4
AAA
5.6
AA
9.5
AAA
—
1.3
Fail
1.6
Fail
1.7
Fail
12.3
AAA
1.3
Fail
—
1.3
Fail
2.2
Fail
15.4
AAA
1.6
Fail
1.3
Fail
—
2.7
Fail
5.6
AA
1.7
Fail
2.2
Fail
2.7
Fail
—
White BG
18.2AAA
1.9Fail
1.5Fail
1.2Fail
3.2AA Large
Black BG
1.2Fail
11.0AAA
14.2AAA
17.8AAA
6.5AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

171712
8A8BBB
D6D6A8
F7F7B7
B2B136

Deuteranopia

181813
837ABC
D6D5AC
F8F9BB
BAC33A

Tritanopia

1A1313
5BC0C1
D4B4B7
FEC4C7
E44245

Achromatopsia

161616
A7A7A7
D0D0D0
EAEAEA
878787

Shades & Tints Shades & Tints

#1A1412

Dark
Light

#55CFB4

Dark
Light

#D4D998

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #1a1412;
  --color-2: #55cfb4;
  --color-3: #d4d998;
  --color-4: #ffeca6;
  --color-5: #eb6726;
}

SCSS

$color-1: #1a1412;
$color-2: #55cfb4;
$color-3: #d4d998;
$color-4: #ffeca6;
$color-5: #eb6726;

TAILWIND

colors: {
  'brand-1': '#1a1412',
  'brand-2': '#55cfb4',
  'brand-3': '#d4d998',
  'brand-4': '#ffeca6',
  'brand-5': '#eb6726',
}

RGB Array

[26, 20, 18], [85, 207, 180], [212, 217, 152], [255, 236, 166], [235, 103, 38]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #1A1412, #55CFB4, #D4D998, #FFECA6, #EB6726 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: #1a1412; --color-2: #55cfb4; --color-3: #d4d998; --color-4: #ffeca6; --color-5: #eb6726. 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