← Back to Editor

#250F0E · #A31915 · #CC6E28 · #D1BA25 · #AEF04B

A 5-color palette palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarm

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial AppData Visualization

Color Details Color Details

#250F0E

Crimson · Black · Deep Berry

HEX
#250F0E
RGB
rgb(37, 15, 14)
HSL
hsl(3, 45%, 10%)
HSB
hsb(3, 62%, 15%)
CMYK
cmyk(0%, 59%, 62%, 85%)
Oklch
oklch(20.2% 0.037 23.7)

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

#A31915

Vermilion · FireBrick · Wine Red

HEX
#A31915
RGB
rgb(163, 25, 21)
HSL
hsl(2, 77%, 36%)
HSB
hsb(2, 87%, 64%)
CMYK
cmyk(0%, 85%, 87%, 36%)
Oklch
oklch(46.1% 0.173 28.4)

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

#CC6E28

Tangerine · Chocolate · Amber Brown

HEX
#CC6E28
RGB
rgb(204, 110, 40)
HSL
hsl(26, 67%, 48%)
HSB
hsb(26, 80%, 80%)
CMYK
cmyk(0%, 46%, 80%, 20%)
Oklch
oklch(63.5% 0.143 52.7)

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

#D1BA25

Autumn Sage · GoldenRod · Honey Gold

HEX
#D1BA25
RGB
rgb(209, 186, 37)
HSL
hsl(52, 70%, 48%)
HSB
hsb(52, 82%, 82%)
CMYK
cmyk(0%, 11%, 82%, 18%)
Oklch
oklch(78.5% 0.154 99.7)

Traditional「Autumn Sage」· Paint「Honey Gold」· Creative Blush Sunrise

#AEF04B

Willow Green · GreenYellow · Apple Green

HEX
#AEF04B
RGB
rgb(174, 240, 75)
HSL
hsl(84, 85%, 62%)
HSB
hsb(84, 69%, 94%)
CMYK
cmyk(27%, 0%, 69%, 6%)
Oklch
oklch(88.0% 0.202 128.9)

Traditional「Willow Green」· Paint「Apple Green」· Creative Mint Breeze

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

250F0E
0E2425

Analogous

250E18
250F0E
251B0E

Triadic

250F0E
0E250F
0F0E25

Split-Comp.

250F0E
0E251B
0E1825

Tetradic

250F0E
18250E
0E2425
1B0E25

Contrast Matrix WCAG 2.1 Contrast

250F0E
A31915
CC6E28
D1BA25
AEF04B
—
2.3
Fail
5.1
AA
9.3
AAA
13.3
AAA
2.3
Fail
—
2.2
Fail
4.0
AA Large
5.7
AA
5.1
AA
2.2
Fail
—
1.8
Fail
2.6
Fail
9.3
AAA
4.0
AA Large
1.8
Fail
—
1.4
Fail
13.3
AAA
5.7
AA
2.6
Fail
1.4
Fail
—
White BG
18.2AAA
7.8AAA
3.6AA Large
2.0Fail
1.4Fail
Black BG
1.2Fail
2.7Fail
5.8AA
10.8AAA
15.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

1B1B0E
676616
A3A239
C7C749
CBCB73

Deuteranopia

1D1E0E
6F7A16
A9B03D
C8CA52
C7C27D

Tritanopia

240E0E
9C1717
C74649
D0666C
B19299

Achromatopsia

151515
424242
828282
B0B0B0
C9C9C9

Shades & Tints Shades & Tints

#250F0E

Dark
Light

#A31915

Dark
Light

#CC6E28

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #250f0e;
  --color-2: #a31915;
  --color-3: #cc6e28;
  --color-4: #d1ba25;
  --color-5: #aef04b;
}

SCSS

$color-1: #250f0e;
$color-2: #a31915;
$color-3: #cc6e28;
$color-4: #d1ba25;
$color-5: #aef04b;

TAILWIND

colors: {
  'brand-1': '#250f0e',
  'brand-2': '#a31915',
  'brand-3': '#cc6e28',
  'brand-4': '#d1ba25',
  'brand-5': '#aef04b',
}

RGB Array

[37, 15, 14], [163, 25, 21], [204, 110, 40], [209, 186, 37], [174, 240, 75]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #250F0E, #A31915, #CC6E28, #D1BA25, #AEF04B 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: #250f0e; --color-2: #a31915; --color-3: #cc6e28; --color-4: #d1ba25; --color-5: #aef04b. 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