← Back to Editor

#4B0B44 · #40FFA9 · #54C481 · #81B269 · #AD9F4E

warm

A 5-color warm 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

#4B0B44

Rose Purple · MidnightBlue · Dark Purple

HEX
#4B0B44
RGB
rgb(75, 11, 68)
HSL
hsl(307, 74%, 17%)
HSB
hsb(307, 85%, 29%)
CMYK
cmyk(0%, 85%, 9%, 71%)
Oklch
oklch(29.4% 0.116 333.1)

Traditional「Rose Purple」· Paint「Dark Purple」· Creative Blush Sunrise

#40FFA9

Jade · Turquoise · Apple Green

HEX
#40FFA9
RGB
rgb(64, 255, 169)
HSL
hsl(153, 100%, 63%)
HSB
hsb(153, 75%, 100%)
CMYK
cmyk(75%, 0%, 34%, 0%)
Oklch
oklch(88.8% 0.191 158.2)

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

#54C481

Celadon · MediumSeaGreen · Olive Green

HEX
#54C481
RGB
rgb(84, 196, 129)
HSL
hsl(144, 49%, 55%)
HSB
hsb(144, 57%, 77%)
CMYK
cmyk(57%, 0%, 34%, 23%)
Oklch
oklch(73.8% 0.142 154.5)

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

#81B269

Celadon · DarkSeaGreen · Olive Green

HEX
#81B269
RGB
rgb(129, 178, 105)
HSL
hsl(100, 32%, 55%)
HSB
hsb(100, 41%, 70%)
CMYK
cmyk(28%, 0%, 41%, 30%)
Oklch
oklch(71.1% 0.114 135.9)

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

#AD9F4E

Autumn Sage · GoldenRod · Honey Gold

HEX
#AD9F4E
RGB
rgb(173, 159, 78)
HSL
hsl(51, 38%, 49%)
HSB
hsb(51, 55%, 68%)
CMYK
cmyk(0%, 8%, 55%, 32%)
Oklch
oklch(69.8% 0.104 99.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

4B0B44
0B4B13

Analogous

330B4B
4B0B44
4B0B24

Triadic

4B0B44
444B0B
0B444B

Split-Comp.

4B0B44
244B0B
0B4B33

Tetradic

4B0B44
4B330B
0B4B13
0B244B

Contrast Matrix WCAG 2.1 Contrast

4B0B44
40FFA9
54C481
81B269
AD9F4E
—
11.3
AAA
6.7
AA
5.9
AA
5.5
AA
11.3
AAA
—
1.7
Fail
1.9
Fail
2.1
Fail
6.7
AA
1.7
Fail
—
1.1
Fail
1.2
Fail
5.9
AA
1.9
Fail
1.1
Fail
—
1.1
Fail
5.5
AA
2.1
Fail
1.2
Fail
1.1
Fail
—
White BG
14.7AAA
1.3Fail
2.2Fail
2.5Fail
2.7Fail
Black BG
1.4Fail
16.1AAA
9.6AAA
8.5AAA
7.8AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

2F2F36
9394BE
848691
96977B
A7A762

Deuteranopia

333833
8879C3
7E7695
93907F
A8A966

Tritanopia

482B29
4ACED2
5A9EA1
83898C
AC7174

Achromatopsia

252525
BCBCBC
9B9B9B
9B9B9B
9A9A9A

Shades & Tints Shades & Tints

#4B0B44

Dark
Light

#40FFA9

Dark
Light

#54C481

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #4b0b44;
  --color-2: #40ffa9;
  --color-3: #54c481;
  --color-4: #81b269;
  --color-5: #ad9f4e;
}

SCSS

$color-1: #4b0b44;
$color-2: #40ffa9;
$color-3: #54c481;
$color-4: #81b269;
$color-5: #ad9f4e;

TAILWIND

colors: {
  'brand-1': '#4b0b44',
  'brand-2': '#40ffa9',
  'brand-3': '#54c481',
  'brand-4': '#81b269',
  'brand-5': '#ad9f4e',
}

RGB Array

[75, 11, 68], [64, 255, 169], [84, 196, 129], [129, 178, 105], [173, 159, 78]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This warm-style palette of #4B0B44, #40FFA9, #54C481, #81B269, #AD9F4E is ideal for: 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: #4b0b44; --color-2: #40ffa9; --color-3: #54c481; --color-4: #81b269; --color-5: #ad9f4e. 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 warm-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