← Back to Editor

#753E12 · #C2831D · #9C5317 · #125975 · #1C91C1

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarmCool

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial App

Color Details Color Details

#753E12

Tangerine · Sienna · Amber Brown

HEX
#753E12
RGB
rgb(117, 62, 18)
HSL
hsl(27, 73%, 26%)
HSB
hsb(27, 85%, 46%)
CMYK
cmyk(0%, 47%, 85%, 54%)
Oklch
oklch(42.5% 0.094 54.4)

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

#C2831D

Ochre · DarkGoldenRod · Amber Brown

HEX
#C2831D
RGB
rgb(194, 131, 29)
HSL
hsl(37, 74%, 44%)
HSB
hsb(37, 85%, 76%)
CMYK
cmyk(0%, 32%, 85%, 24%)
Oklch
oklch(65.9% 0.132 72.9)

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

#9C5317

Tangerine · Sienna · Amber Brown

HEX
#9C5317
RGB
rgb(156, 83, 23)
HSL
hsl(27, 74%, 35%)
HSB
hsb(27, 85%, 61%)
CMYK
cmyk(0%, 47%, 85%, 39%)
Oklch
oklch(52.0% 0.119 54.3)

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

#125975

Lake Blue · Teal · Mint Ice

HEX
#125975
RGB
rgb(18, 89, 117)
HSL
hsl(197, 73%, 26%)
HSB
hsb(197, 85%, 46%)
CMYK
cmyk(85%, 24%, 0%, 54%)
Oklch
oklch(43.6% 0.080 230.2)

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

#1C91C1

Lake Blue · LightSeaGreen · Mint Ice

HEX
#1C91C1
RGB
rgb(28, 145, 193)
HSL
hsl(197, 75%, 43%)
HSB
hsb(197, 85%, 76%)
CMYK
cmyk(85%, 25%, 0%, 24%)
Oklch
oklch(61.8% 0.120 232.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

753E12
124773

Analogous

731217
753E12
736E12

Triadic

753E12
12733D
3D1273

Split-Comp.

753E12
12736E
121773

Tetradic

753E12
177312
124773
6E1273

Contrast Matrix WCAG 2.1 Contrast

753E12
C2831D
9C5317
125975
1C91C1
—
2.7
Fail
1.5
Fail
1.1
Fail
2.4
Fail
2.7
Fail
—
1.8
Fail
2.4
Fail
1.1
Fail
1.5
Fail
1.8
Fail
—
1.4
Fail
1.6
Fail
1.1
Fail
2.4
Fail
1.4
Fail
—
2.2
Fail
2.4
Fail
1.1
Fail
1.6
Fail
2.2
Fail
—
White BG
8.6AAA
3.2AA Large
5.7AA
7.7AAA
3.6AA Large
Black BG
2.5Fail
6.6AA
3.7AA Large
2.7Fail
5.9AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

5D5D1D
A7A636
7C7C26
31316E
4F50B5

Deuteranopia

60641F
AAAF3C
818629
2D276D
483FB3

Tritanopia

722527
BF494D
983134
166968
22ACAA

Achromatopsia

494949
8A8A8A
626262
474747
737373

Shades & Tints Shades & Tints

#753E12

Dark
Light

#C2831D

Dark
Light

#9C5317

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #753e12;
  --color-2: #c2831d;
  --color-3: #9c5317;
  --color-4: #125975;
  --color-5: #1c91c1;
}

SCSS

$color-1: #753e12;
$color-2: #c2831d;
$color-3: #9c5317;
$color-4: #125975;
$color-5: #1c91c1;

TAILWIND

colors: {
  'brand-1': '#753e12',
  'brand-2': '#c2831d',
  'brand-3': '#9c5317',
  'brand-4': '#125975',
  'brand-5': '#1c91c1',
}

RGB Array

[117, 62, 18], [194, 131, 29], [156, 83, 23], [18, 89, 117], [28, 145, 193]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #753E12, #C2831D, #9C5317, #125975, #1C91C1 is ideal for: social media posters, mobile apps, e-commerce promos, tech websites, dark mode UIs, game UIs. Vivid colors effectively attract user attention. It is a vibrant and energetic choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #753e12; --color-2: #c2831d; --color-3: #9c5317; --color-4: #125975; --color-5: #1c91c1. 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. 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 food & dining, entertainment, kids education, social industries. Bold colors convey vitality and innovation. 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