← Back to Editor

#A1D6D1 · #F76F00 · #EB2700 · #A65741 · #804D4D

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 App

Color Details Color Details

#A1D6D1

Jade · LightBlue · Lake Green

HEX
#A1D6D1
RGB
rgb(161, 214, 209)
HSL
hsl(174, 39%, 74%)
HSB
hsb(174, 25%, 84%)
CMYK
cmyk(25%, 0%, 2%, 16%)
Oklch
oklch(83.8% 0.055 188.9)

Traditional「Jade」· Paint「Lake Green」· Creative Arctic Pool

#F76F00

Tangerine · OrangeRed · Amber Brown

HEX
#F76F00
RGB
rgb(247, 111, 0)
HSL
hsl(27, 100%, 48%)
HSB
hsb(27, 100%, 97%)
CMYK
cmyk(0%, 55%, 100%, 3%)
Oklch
oklch(69.6% 0.190 47.8)

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

#EB2700

Vermilion · OrangeRed · Passion Red

HEX
#EB2700
RGB
rgb(235, 39, 0)
HSL
hsl(10, 100%, 46%)
HSB
hsb(10, 100%, 92%)
CMYK
cmyk(0%, 83%, 100%, 8%)
Oklch
oklch(60.3% 0.230 31.7)

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

#A65741

Crimson · Sienna · Passion Red

HEX
#A65741
RGB
rgb(166, 87, 65)
HSL
hsl(13, 44%, 45%)
HSB
hsb(13, 61%, 65%)
CMYK
cmyk(0%, 48%, 61%, 35%)
Oklch
oklch(54.6% 0.110 36.5)

Traditional「Crimson」· Paint「Passion Red」· Creative Blush Sunrise

#804D4D

Crimson · Sienna · Wine Red

HEX
#804D4D
RGB
rgb(128, 77, 77)
HSL
hsl(0, 25%, 40%)
HSB
hsb(0, 40%, 50%)
CMYK
cmyk(0%, 40%, 40%, 50%)
Oklch
oklch(47.9% 0.069 19.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

A1D6D1
D7A3A8

Analogous

A3D7B8
A1D6D1
A3C2D7

Triadic

A1D6D1
D1A3D7
D7D1A3

Split-Comp.

A1D6D1
D7A3C2
D7B8A3

Tetradic

A1D6D1
B8A3D7
D7A3A8
C2D7A3

Contrast Matrix WCAG 2.1 Contrast

A1D6D1
F76F00
EB2700
A65741
804D4D
—
1.8
Fail
2.7
Fail
3.2
AA Large
4.2
AA Large
1.8
Fail
—
1.5
Fail
1.8
Fail
2.3
Fail
2.7
Fail
1.5
Fail
—
1.2
Fail
1.6
Fail
3.2
AA Large
1.8
Fail
1.2
Fail
—
1.3
Fail
4.2
AA Large
2.3
Fail
1.6
Fail
1.3
Fail
—
White BG
1.6Fail
2.9Fail
4.4AA Large
5.2AA
6.8AA
Black BG
13.1AAA
7.2AAA
4.8AA
4.1AA Large
3.1AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

B8B8D2
BCBB1B
969409
848346
6A694D

Deuteranopia

B5B1D3
C4CE21
A2B00C
888E48
6D714D

Tritanopia

A4D3D3
F03035
E11113
A24B4B
7D4D4D

Achromatopsia

C6C6C6
8B8B8B
5D5D5D
6C6C6C
5C5C5C

Shades & Tints Shades & Tints

#A1D6D1

Dark
Light

#F76F00

Dark
Light

#EB2700

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #a1d6d1;
  --color-2: #f76f00;
  --color-3: #eb2700;
  --color-4: #a65741;
  --color-5: #804d4d;
}

SCSS

$color-1: #a1d6d1;
$color-2: #f76f00;
$color-3: #eb2700;
$color-4: #a65741;
$color-5: #804d4d;

TAILWIND

colors: {
  'brand-1': '#a1d6d1',
  'brand-2': '#f76f00',
  'brand-3': '#eb2700',
  'brand-4': '#a65741',
  'brand-5': '#804d4d',
}

RGB Array

[161, 214, 209], [247, 111, 0], [235, 39, 0], [166, 87, 65], [128, 77, 77]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #A1D6D1, #F76F00, #EB2700, #A65741, #804D4D is ideal for: social media posters, mobile apps, e-commerce promos. Vivid colors effectively attract user attention. 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: #a1d6d1; --color-2: #f76f00; --color-3: #eb2700; --color-4: #a65741; --color-5: #804d4d. 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. 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