← Back to Editor

#252D2F · #4D1A23 · #B83016 · #AF9B60 · #A6D279

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#252D2F

Slate Blue · DarkSlateGray · Peacock Green

HEX
#252D2F
RGB
rgb(37, 45, 47)
HSL
hsl(192, 12%, 16%)
HSB
hsb(192, 21%, 18%)
CMYK
cmyk(21%, 4%, 0%, 82%)
Oklch
oklch(29.0% 0.012 214.5)

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

#4D1A23

Crimson · Maroon · Deep Berry

HEX
#4D1A23
RGB
rgb(77, 26, 35)
HSL
hsl(349, 50%, 20%)
HSB
hsb(349, 66%, 30%)
CMYK
cmyk(0%, 66%, 55%, 70%)
Oklch
oklch(30.0% 0.077 12.3)

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

#B83016

Vermilion · FireBrick · Wine Red

HEX
#B83016
RGB
rgb(184, 48, 22)
HSL
hsl(10, 79%, 40%)
HSB
hsb(10, 88%, 72%)
CMYK
cmyk(0%, 74%, 88%, 28%)
Oklch
oklch(51.8% 0.177 32.7)

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

#AF9B60

Ginger · Tan · Sunflower

HEX
#AF9B60
RGB
rgb(175, 155, 96)
HSL
hsl(45, 33%, 53%)
HSB
hsb(45, 45%, 69%)
CMYK
cmyk(0%, 11%, 45%, 31%)
Oklch
oklch(69.4% 0.081 91.4)

Traditional「Ginger」· Paint「Sunflower」· Creative Blush Sunrise

#A6D279

Celadon · DarkSeaGreen · Apple Green

HEX
#A6D279
RGB
rgb(166, 210, 121)
HSL
hsl(90, 50%, 65%)
HSB
hsb(90, 42%, 82%)
CMYK
cmyk(21%, 0%, 42%, 18%)
Oklch
oklch(81.2% 0.126 130.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

252D2F
2E2624

Analogous

242E2B
252D2F
24272E

Triadic

252D2F
2E242C
2C2E24

Split-Comp.

252D2F
2E2427
2E2B24

Tetradic

252D2F
2B242E
2E2624
272E24

Contrast Matrix WCAG 2.1 Contrast

252D2F
4D1A23
B83016
AF9B60
A6D279
—
1.0
Fail
2.3
Fail
5.1
AA
8.1
AAA
1.0
Fail
—
2.3
Fail
5.2
AA
8.1
AAA
2.3
Fail
2.3
Fail
—
2.2
Fail
3.5
AA Large
5.1
AA
5.2
AA
2.2
Fail
—
1.6
Fail
8.1
AAA
8.1
AAA
3.5
AA Large
1.6
Fail
—
White BG
14.0AAA
14.1AAA
6.0AA
2.7Fail
1.7Fail
Black BG
1.5Fail
1.5Fail
3.5AA Large
7.7AAA
12.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

28292F
373621
7D7C1C
A6A66E
B9B98F

Deuteranopia

28272E
3A3E20
858F1E
A8A972
B7B394

Tritanopia

252E2E
4A1F1F
B12122
AE7A7C
A8A0A3

Achromatopsia

2B2B2B
2A2A2A
565656
9A9A9A
BBBBBB

Shades & Tints Shades & Tints

#252D2F

Dark
Light

#4D1A23

Dark
Light

#B83016

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #252d2f;
  --color-2: #4d1a23;
  --color-3: #b83016;
  --color-4: #af9b60;
  --color-5: #a6d279;
}

SCSS

$color-1: #252d2f;
$color-2: #4d1a23;
$color-3: #b83016;
$color-4: #af9b60;
$color-5: #a6d279;

TAILWIND

colors: {
  'brand-1': '#252d2f',
  'brand-2': '#4d1a23',
  'brand-3': '#b83016',
  'brand-4': '#af9b60',
  'brand-5': '#a6d279',
}

RGB Array

[37, 45, 47], [77, 26, 35], [184, 48, 22], [175, 155, 96], [166, 210, 121]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #252D2F, #4D1A23, #B83016, #AF9B60, #A6D279 is ideal for: tech websites, dark mode UIs, game UIs, infographics, data visualization, accessible design. High contrast ensures clear visual hierarchy and readability. It is a balanced and harmonious choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #252d2f; --color-2: #4d1a23; --color-3: #b83016; --color-4: #af9b60; --color-5: #a6d279. 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 tech, SaaS, healthcare, eco industries. 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