← Back to Editor

#135150 · #3C9289 · #F7AE2E · #C3240E · #6B1204

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

#135150

Mineral Blue · DarkSlateGray · Peacock Green

HEX
#135150
RGB
rgb(19, 81, 80)
HSL
hsl(179, 62%, 20%)
HSB
hsb(179, 77%, 32%)
CMYK
cmyk(77%, 0%, 1%, 68%)
Oklch
oklch(39.7% 0.060 193.4)

Traditional「Mineral Blue」· Paint「Peacock Green」· Creative Blush Sunrise

#3C9289

Mineral Blue · MediumSeaGreen · Mint Ice

HEX
#3C9289
RGB
rgb(60, 146, 137)
HSL
hsl(174, 42%, 40%)
HSB
hsb(174, 59%, 57%)
CMYK
cmyk(59%, 0%, 6%, 43%)
Oklch
oklch(60.5% 0.084 185.8)

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

#F7AE2E

Ginger · GoldenRod · Warm Sun

HEX
#F7AE2E
RGB
rgb(247, 174, 46)
HSL
hsl(38, 93%, 57%)
HSB
hsb(38, 81%, 97%)
CMYK
cmyk(0%, 30%, 81%, 3%)
Oklch
oklch(80.1% 0.156 75.7)

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

#C3240E

Vermilion · FireBrick · Passion Red

HEX
#C3240E
RGB
rgb(195, 36, 14)
HSL
hsl(7, 87%, 41%)
HSB
hsb(7, 93%, 76%)
CMYK
cmyk(0%, 82%, 93%, 24%)
Oklch
oklch(52.8% 0.196 31.1)

Traditional「Vermilion」· Paint「Passion Red」· Creative Blush Sunrise

#6B1204

Vermilion · Maroon · Wine Red

HEX
#6B1204
RGB
rgb(107, 18, 4)
HSL
hsl(8, 93%, 22%)
HSB
hsb(8, 96%, 42%)
CMYK
cmyk(0%, 83%, 96%, 58%)
Oklch
oklch(34.4% 0.125 32.0)

Traditional「Vermilion」· Paint「Wine Red」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

135150
531314

Analogous

135332
135150
133453

Triadic

135150
521353
535213

Split-Comp.

135150
531334
533213

Tetradic

135150
321353
531314
345313

Contrast Matrix WCAG 2.1 Contrast

135150
3C9289
F7AE2E
C3240E
6B1204
—
2.4
Fail
4.8
AA
1.5
Fail
1.4
Fail
2.4
Fail
—
2.0
Fail
1.6
Fail
3.3
AA Large
4.8
AA
2.0
Fail
—
3.1
AA Large
6.4
AA
1.5
Fail
1.6
Fail
3.1
AA Large
—
2.1
Fail
1.4
Fail
3.3
AA Large
6.4
AA
2.1
Fail
—
White BG
9.0AAA
3.7AA Large
1.9Fail
5.9AA
12.3AAA
Black BG
2.3Fail
5.7AA
11.0AAA
3.6AA Large
1.7Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

2E2E50
61628B
D7D74D
7E7D13
444407

Deuteranopia

2A2650
5C568C
DCE154
879315
4A5008

Tritanopia

165050
408D8D
F3656B
BB1818
670A0B

Achromatopsia

3E3E3E
777777
B5B5B5
515151
2B2B2B

Shades & Tints Shades & Tints

#135150

Dark
Light

#3C9289

Dark
Light

#F7AE2E

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #135150;
  --color-2: #3c9289;
  --color-3: #f7ae2e;
  --color-4: #c3240e;
  --color-5: #6b1204;
}

SCSS

$color-1: #135150;
$color-2: #3c9289;
$color-3: #f7ae2e;
$color-4: #c3240e;
$color-5: #6b1204;

TAILWIND

colors: {
  'brand-1': '#135150',
  'brand-2': '#3c9289',
  'brand-3': '#f7ae2e',
  'brand-4': '#c3240e',
  'brand-5': '#6b1204',
}

RGB Array

[19, 81, 80], [60, 146, 137], [247, 174, 46], [195, 36, 14], [107, 18, 4]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #135150, #3C9289, #F7AE2E, #C3240E, #6B1204 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: #135150; --color-2: #3c9289; --color-3: #f7ae2e; --color-4: #c3240e; --color-5: #6b1204. 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