← Back to Editor

#D65F15 · #3B2931 · #918033 · #A8AD5F · #95DCCD

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

#D65F15

Tangerine · Chocolate · Amber Brown

HEX
#D65F15
RGB
rgb(214, 95, 21)
HSL
hsl(23, 82%, 46%)
HSB
hsb(23, 90%, 84%)
CMYK
cmyk(0%, 56%, 90%, 16%)
Oklch
oklch(62.5% 0.168 45.9)

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

#3B2931

Dark Violet · DarkSlateGray · Raspberry

HEX
#3B2931
RGB
rgb(59, 41, 49)
HSL
hsl(333, 18%, 20%)
HSB
hsb(333, 31%, 23%)
CMYK
cmyk(0%, 31%, 17%, 77%)
Oklch
oklch(30.5% 0.030 350.6)

Traditional「Dark Violet」· Paint「Raspberry」· Creative Blush Sunrise

#918033

Ochre · Sienna · Honey Gold

HEX
#918033
RGB
rgb(145, 128, 51)
HSL
hsl(49, 48%, 38%)
HSB
hsb(49, 65%, 57%)
CMYK
cmyk(0%, 12%, 65%, 43%)
Oklch
oklch(60.0% 0.099 96.8)

Traditional「Ochre」· Paint「Honey Gold」· Creative Blush Sunrise

#A8AD5F

Autumn Sage · DarkSeaGreen · Sunflower

HEX
#A8AD5F
RGB
rgb(168, 173, 95)
HSL
hsl(64, 32%, 53%)
HSB
hsb(64, 45%, 68%)
CMYK
cmyk(3%, 0%, 45%, 32%)
Oklch
oklch(72.6% 0.102 111.9)

Traditional「Autumn Sage」· Paint「Sunflower」· Creative Blush Sunrise

#95DCCD

Jade · LightBlue · Lake Green

HEX
#95DCCD
RGB
rgb(149, 220, 205)
HSL
hsl(167, 50%, 72%)
HSB
hsb(167, 32%, 86%)
CMYK
cmyk(32%, 0%, 7%, 14%)
Oklch
oklch(84.3% 0.074 179.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D65F15
158CD5

Analogous

D5152C
D65F15
D5BF15

Triadic

D65F15
15D55F
5F15D5

Split-Comp.

D65F15
15D5BF
152CD5

Tetradic

D65F15
2CD515
158CD5
BF15D5

Contrast Matrix WCAG 2.1 Contrast

D65F15
3B2931
918033
A8AD5F
95DCCD
—
3.6
AA Large
1.0
Fail
1.6
Fail
2.4
Fail
3.6
AA Large
—
3.5
AA Large
5.7
AA
8.7
AAA
1.0
Fail
3.5
AA Large
—
1.6
Fail
2.5
Fail
1.6
Fail
5.7
AA
1.6
Fail
—
1.5
Fail
2.4
Fail
8.7
AAA
2.5
Fail
1.5
Fail
—
White BG
3.8AA Large
13.6AAA
3.9AA Large
2.4Fail
1.6Fail
Black BG
5.5AA
1.5Fail
5.3AA
8.8AAA
13.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

A2A127
33332F
8A8946
AAAA72
B4B4D1

Deuteranopia

A9B22B
34362F
8B8C4A
AAAA76
B0AAD2

Tritanopia

D03538
3A2E2D
905458
A88184
99D3D4

Achromatopsia

7A7A7A
2F2F2F
7C7C7C
A3A3A3
C5C5C5

Shades & Tints Shades & Tints

#D65F15

Dark
Light

#3B2931

Dark
Light

#918033

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d65f15;
  --color-2: #3b2931;
  --color-3: #918033;
  --color-4: #a8ad5f;
  --color-5: #95dccd;
}

SCSS

$color-1: #d65f15;
$color-2: #3b2931;
$color-3: #918033;
$color-4: #a8ad5f;
$color-5: #95dccd;

TAILWIND

colors: {
  'brand-1': '#d65f15',
  'brand-2': '#3b2931',
  'brand-3': '#918033',
  'brand-4': '#a8ad5f',
  'brand-5': '#95dccd',
}

RGB Array

[214, 95, 21], [59, 41, 49], [145, 128, 51], [168, 173, 95], [149, 220, 205]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #D65F15, #3B2931, #918033, #A8AD5F, #95DCCD 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: #d65f15; --color-2: #3b2931; --color-3: #918033; --color-4: #a8ad5f; --color-5: #95dccd. 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 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