← Back to Editor

#451111 · #F7F5CB · #A4E83F · #095E5A · #241D1A

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

#451111

Crimson · Maroon · Deep Berry

HEX
#451111
RGB
rgb(69, 17, 17)
HSL
hsl(0, 60%, 17%)
HSB
hsb(0, 75%, 27%)
CMYK
cmyk(0%, 75%, 75%, 73%)
Oklch
oklch(26.7% 0.080 24.3)

Traditional「Crimson」· Paint「Deep Berry」· Creative Blush Sunrise

#F7F5CB

Fresh Green · Beige · Lemon Cream

HEX
#F7F5CB
RGB
rgb(247, 245, 203)
HSL
hsl(57, 73%, 88%)
HSB
hsb(57, 18%, 97%)
CMYK
cmyk(0%, 1%, 18%, 3%)
Oklch
oklch(96.1% 0.055 105.1)

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

#A4E83F

Grass Green · GreenYellow · Olive Green

HEX
#A4E83F
RGB
rgb(164, 232, 63)
HSL
hsl(84, 79%, 58%)
HSB
hsb(84, 73%, 91%)
CMYK
cmyk(29%, 0%, 73%, 9%)
Oklch
oklch(85.5% 0.204 129.3)

Traditional「Grass Green」· Paint「Olive Green」· Creative Blush Sunrise

#095E5A

Mineral Blue · DarkSlateGray · Peacock Green

HEX
#095E5A
RGB
rgb(9, 94, 90)
HSL
hsl(177, 83%, 20%)
HSB
hsb(177, 90%, 37%)
CMYK
cmyk(90%, 0%, 4%, 63%)
Oklch
oklch(43.6% 0.073 189.6)

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

#241D1A

Tangerine · Black · Cinnamon

HEX
#241D1A
RGB
rgb(36, 29, 26)
HSL
hsl(18, 16%, 12%)
HSB
hsb(18, 28%, 14%)
CMYK
cmyk(0%, 19%, 28%, 86%)
Oklch
oklch(23.8% 0.012 44.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

451111
114545

Analogous

45112B
451111
452B11

Triadic

451111
114511
111145

Split-Comp.

451111
11452B
112B45

Tetradic

451111
2B4511
114545
2B1145

Contrast Matrix WCAG 2.1 Contrast

451111
F7F5CB
A4E83F
095E5A
241D1A
—
14.1
AAA
10.6
AAA
2.1
Fail
1.1
Fail
14.1
AAA
—
1.3
Fail
6.8
AA
14.9
AAA
10.6
AAA
1.3
Fail
—
5.1
AA
11.2
AAA
2.1
Fail
6.8
AA
5.1
AA
—
2.2
Fail
1.1
Fail
14.9
AAA
11.2
AAA
2.2
Fail
—
White BG
15.7AAA
1.1Fail
1.5Fail
7.6AAA
16.6AAA
Black BG
1.3Fail
18.9AAA
14.2AAA
2.8Fail
1.3Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

2E2E11
F6F6D5
C1C268
2E2F5B
21211B

Deuteranopia

323511
F6F6D8
BEB872
29235B
21221B

Tritanopia

421111
F7DDDF
A7888F
0D5C5C
241B1B

Achromatopsia

212121
F1F1F1
C0C0C0
444444
1F1F1F

Shades & Tints Shades & Tints

#451111

Dark
Light

#F7F5CB

Dark
Light

#A4E83F

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #451111;
  --color-2: #f7f5cb;
  --color-3: #a4e83f;
  --color-4: #095e5a;
  --color-5: #241d1a;
}

SCSS

$color-1: #451111;
$color-2: #f7f5cb;
$color-3: #a4e83f;
$color-4: #095e5a;
$color-5: #241d1a;

TAILWIND

colors: {
  'brand-1': '#451111',
  'brand-2': '#f7f5cb',
  'brand-3': '#a4e83f',
  'brand-4': '#095e5a',
  'brand-5': '#241d1a',
}

RGB Array

[69, 17, 17], [247, 245, 203], [164, 232, 63], [9, 94, 90], [36, 29, 26]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #451111, #F7F5CB, #A4E83F, #095E5A, #241D1A is ideal for: social media posters, mobile apps, e-commerce promos, tech websites, dark mode UIs, game UIs, 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: #451111; --color-2: #f7f5cb; --color-3: #a4e83f; --color-4: #095e5a; --color-5: #241d1a. 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?

Dark tones work well as backgrounds; pair with light text for readability. Use the brightest color for CTA buttons and interactive elements. 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