← Back to Editor

#ED7A29 · #B3912C · #759166 · #4E7A81 · #295885

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 Library

Color Details Color Details

#ED7A29

Tangerine · Chocolate · Warm Sun

HEX
#ED7A29
RGB
rgb(237, 122, 41)
HSL
hsl(25, 84%, 55%)
HSB
hsb(25, 83%, 93%)
CMYK
cmyk(0%, 49%, 83%, 7%)
Oklch
oklch(69.9% 0.166 50.6)

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

#B3912C

Ochre · DarkGoldenRod · Honey Gold

HEX
#B3912C
RGB
rgb(179, 145, 44)
HSL
hsl(45, 61%, 44%)
HSB
hsb(45, 75%, 70%)
CMYK
cmyk(0%, 19%, 75%, 30%)
Oklch
oklch(67.1% 0.121 89.4)

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

#759166

Celadon · Gray · Olive Green

HEX
#759166
RGB
rgb(117, 145, 102)
HSL
hsl(99, 17%, 48%)
HSB
hsb(99, 30%, 57%)
CMYK
cmyk(19%, 0%, 30%, 43%)
Oklch
oklch(62.3% 0.070 135.0)

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

#4E7A81

Slate Blue · SlateGray · Mint Ice

HEX
#4E7A81
RGB
rgb(78, 122, 129)
HSL
hsl(188, 25%, 41%)
HSB
hsb(188, 40%, 51%)
CMYK
cmyk(40%, 5%, 0%, 49%)
Oklch
oklch(55.0% 0.050 208.5)

Traditional「Slate Blue」· Paint「Mint Ice」· Creative Blush Sunrise

#295885

Lake Blue · DarkSlateBlue · Prussian Blue

HEX
#295885
RGB
rgb(41, 88, 133)
HSL
hsl(209, 53%, 34%)
HSB
hsb(209, 69%, 52%)
CMYK
cmyk(69%, 34%, 0%, 48%)
Oklch
oklch(45.0% 0.090 249.6)

Traditional「Lake Blue」· Paint「Prussian Blue」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

ED7A29
2C9CED

Analogous

ED2C3C
ED7A29
EDDD2C

Triadic

ED7A29
2CED7C
7C2CED

Split-Comp.

ED7A29
2CEDDD
2C3CED

Tetradic

ED7A29
3CED2C
2C9CED
DD2CED

Contrast Matrix WCAG 2.1 Contrast

ED7A29
B3912C
759166
4E7A81
295885
—
1.1
Fail
1.2
Fail
1.7
Fail
2.6
Fail
1.1
Fail
—
1.2
Fail
1.6
Fail
2.5
Fail
1.2
Fail
1.2
Fail
—
1.4
Fail
2.1
Fail
1.7
Fail
1.6
Fail
1.4
Fail
—
1.6
Fail
2.6
Fail
2.5
Fail
2.1
Fail
1.6
Fail
—
White BG
2.8Fail
3.0Fail
3.5AA Large
4.7AA
7.4AAA
Black BG
7.4AAA
7.0AAA
6.0AA
4.4AA Large
2.8Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

BBBA3D
A4A444
818170
61617F
3D3E7A

Deuteranopia

C2CA41
A6A94A
807D73
5F5B7F
3B3778

Tritanopia

E74C4F
B1585C
76797A
507E7E
2B7270

Achromatopsia

939393
909090
848484
6E6E6E
4F4F4F

Shades & Tints Shades & Tints

#ED7A29

Dark
Light

#B3912C

Dark
Light

#759166

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ed7a29;
  --color-2: #b3912c;
  --color-3: #759166;
  --color-4: #4e7a81;
  --color-5: #295885;
}

SCSS

$color-1: #ed7a29;
$color-2: #b3912c;
$color-3: #759166;
$color-4: #4e7a81;
$color-5: #295885;

TAILWIND

colors: {
  'brand-1': '#ed7a29',
  'brand-2': '#b3912c',
  'brand-3': '#759166',
  'brand-4': '#4e7a81',
  'brand-5': '#295885',
}

RGB Array

[237, 122, 41], [179, 145, 44], [117, 145, 102], [78, 122, 129], [41, 88, 133]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #ED7A29, #B3912C, #759166, #4E7A81, #295885 is ideal for: corporate websites, product showcases, portfolios. 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: #ed7a29; --color-2: #b3912c; --color-3: #759166; --color-4: #4e7a81; --color-5: #295885. 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. 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