← Back to Editor

#441D0C · #65C39F · #FDF77F · #F09B1E · #AB311A

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

#441D0C

Tangerine · Maroon · Cinnamon

HEX
#441D0C
RGB
rgb(68, 29, 12)
HSL
hsl(18, 70%, 16%)
HSB
hsb(18, 82%, 27%)
CMYK
cmyk(0%, 57%, 82%, 73%)
Oklch
oklch(28.4% 0.066 42.8)

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

#65C39F

Mineral Blue · MediumAquaMarine · Olive Green

HEX
#65C39F
RGB
rgb(101, 195, 159)
HSL
hsl(157, 44%, 58%)
HSB
hsb(157, 48%, 76%)
CMYK
cmyk(48%, 0%, 18%, 24%)
Oklch
oklch(74.9% 0.105 166.5)

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

#FDF77F

Fresh Green · Khaki · Sunflower

HEX
#FDF77F
RGB
rgb(253, 247, 127)
HSL
hsl(57, 97%, 75%)
HSB
hsb(57, 50%, 99%)
CMYK
cmyk(0%, 2%, 50%, 1%)
Oklch
oklch(95.7% 0.142 106.2)

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

#F09B1E

Ginger · GoldenRod · Warm Sun

HEX
#F09B1E
RGB
rgb(240, 155, 30)
HSL
hsl(36, 88%, 53%)
HSB
hsb(36, 88%, 94%)
CMYK
cmyk(0%, 35%, 88%, 6%)
Oklch
oklch(75.8% 0.158 69.0)

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

#AB311A

Vermilion · FireBrick · Wine Red

HEX
#AB311A
RGB
rgb(171, 49, 26)
HSL
hsl(10, 74%, 39%)
HSB
hsb(10, 85%, 67%)
CMYK
cmyk(0%, 71%, 85%, 33%)
Oklch
oklch(49.7% 0.162 32.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

441D0C
0C3445

Analogous

450C18
441D0C
453A0C

Triadic

441D0C
0C451D
1D0C45

Split-Comp.

441D0C
0C453A
0C1845

Tetradic

441D0C
18450C
0C3445
3A0C45

Contrast Matrix WCAG 2.1 Contrast

441D0C
65C39F
FDF77F
F09B1E
AB311A
—
6.9
AA
13.2
AAA
6.6
AA
2.2
Fail
6.9
AA
—
1.9
Fail
1.0
Fail
3.1
AA Large
13.2
AAA
1.9
Fail
—
2.0
Fail
5.9
AA
6.6
AA
1.0
Fail
2.0
Fail
—
3.0
Fail
2.2
Fail
3.1
AA Large
5.9
AA
3.0
Fail
—
White BG
14.7AAA
2.1Fail
1.1Fail
2.2Fail
6.6AA
Black BG
1.4Fail
9.9AAA
18.8AAA
9.4AAA
3.2AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

333310
8E8FA8
FAFA9C
CBCA3C
767520

Deuteranopia

353811
8881AA
FBFBA3
D0D744
7D8621

Tritanopia

421314
6AAFB0
FDB3B8
EC5459
A52425

Achromatopsia

272727
A3A3A3
EBEBEB
A6A6A6
535353

Shades & Tints Shades & Tints

#441D0C

Dark
Light

#65C39F

Dark
Light

#FDF77F

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #441d0c;
  --color-2: #65c39f;
  --color-3: #fdf77f;
  --color-4: #f09b1e;
  --color-5: #ab311a;
}

SCSS

$color-1: #441d0c;
$color-2: #65c39f;
$color-3: #fdf77f;
$color-4: #f09b1e;
$color-5: #ab311a;

TAILWIND

colors: {
  'brand-1': '#441d0c',
  'brand-2': '#65c39f',
  'brand-3': '#fdf77f',
  'brand-4': '#f09b1e',
  'brand-5': '#ab311a',
}

RGB Array

[68, 29, 12], [101, 195, 159], [253, 247, 127], [240, 155, 30], [171, 49, 26]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #441D0C, #65C39F, #FDF77F, #F09B1E, #AB311A 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: #441d0c; --color-2: #65c39f; --color-3: #fdf77f; --color-4: #f09b1e; --color-5: #ab311a. 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