← Back to Editor

#ED9717 · #CA731C · #B67330 · #73695B · #160C27

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

#ED9717

Ginger · GoldenRod · Warm Sun

HEX
#ED9717
RGB
rgb(237, 151, 23)
HSL
hsl(36, 86%, 51%)
HSB
hsb(36, 90%, 93%)
CMYK
cmyk(0%, 36%, 90%, 7%)
Oklch
oklch(74.7% 0.159 68.4)

Traditional「Ginger」· Paint「Warm Sun」· Creative Blush Sunrise

#CA731C

Ochre · Chocolate · Amber Brown

HEX
#CA731C
RGB
rgb(202, 115, 28)
HSL
hsl(30, 76%, 45%)
HSB
hsb(30, 86%, 79%)
CMYK
cmyk(0%, 43%, 86%, 21%)
Oklch
oklch(64.0% 0.142 58.8)

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

#B67330

Ochre · Chocolate · Amber Brown

HEX
#B67330
RGB
rgb(182, 115, 48)
HSL
hsl(30, 58%, 45%)
HSB
hsb(30, 74%, 71%)
CMYK
cmyk(0%, 37%, 74%, 29%)
Oklch
oklch(61.5% 0.117 62.2)

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

#73695B

Ochre · DimGray · Amber Brown

HEX
#73695B
RGB
rgb(115, 105, 91)
HSL
hsl(35, 12%, 40%)
HSB
hsb(35, 21%, 45%)
CMYK
cmyk(0%, 9%, 21%, 55%)
Oklch
oklch(52.6% 0.025 76.3)

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

#160C27

Deep Indigo · Black · Dark Purple

HEX
#160C27
RGB
rgb(22, 12, 39)
HSL
hsl(262, 53%, 10%)
HSB
hsb(262, 69%, 15%)
CMYK
cmyk(44%, 69%, 0%, 85%)
Oklch
oklch(18.5% 0.054 298.1)

Traditional「Deep Indigo」· Paint「Dark Purple」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

ED9717
176DEE

Analogous

EE2C17
ED9717
D8EE17

Triadic

ED9717
17EE98
9817EE

Split-Comp.

ED9717
17D8EE
2C17EE

Tetradic

ED9717
17EE2C
176DEE
EE17D8

Contrast Matrix WCAG 2.1 Contrast

ED9717
CA731C
B67330
73695B
160C27
—
1.5
Fail
1.6
Fail
2.3
Fail
8.1
AAA
1.5
Fail
—
1.1
Fail
1.5
Fail
5.4
AA
1.6
Fail
1.1
Fail
—
1.4
Fail
4.9
AA
2.3
Fail
1.5
Fail
1.4
Fail
—
3.5
AA Large
8.1
AAA
5.4
AA
4.9
AA
3.5
AA Large
—
White BG
2.3Fail
3.5AA Large
3.8AA Large
5.4AA
18.8AAA
Black BG
9.0AAA
6.0AA
5.5AA
3.9AA Large
1.1Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

C8C736
A4A431
999840
6F6F5E
121220

Deuteranopia

CDD33D
A9B036
9DA244
6F705F
12131F

Tritanopia

E94E54
C64245
B34D50
736162
161B1A

Achromatopsia

A2A2A2
838383
7F7F7F
6A6A6A
121212

Shades & Tints Shades & Tints

#ED9717

Dark
Light

#CA731C

Dark
Light

#B67330

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ed9717;
  --color-2: #ca731c;
  --color-3: #b67330;
  --color-4: #73695b;
  --color-5: #160c27;
}

SCSS

$color-1: #ed9717;
$color-2: #ca731c;
$color-3: #b67330;
$color-4: #73695b;
$color-5: #160c27;

TAILWIND

colors: {
  'brand-1': '#ed9717',
  'brand-2': '#ca731c',
  'brand-3': '#b67330',
  'brand-4': '#73695b',
  'brand-5': '#160c27',
}

RGB Array

[237, 151, 23], [202, 115, 28], [182, 115, 48], [115, 105, 91], [22, 12, 39]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #ED9717, #CA731C, #B67330, #73695B, #160C27 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: #ed9717; --color-2: #ca731c; --color-3: #b67330; --color-4: #73695b; --color-5: #160c27. 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