← Back to Editor

#FA1A00 · #FF5E11 · #0E424F · #156E7C · #3A9AB0

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

#FA1A00

Vermilion · Red · Passion Red

HEX
#FA1A00
RGB
rgb(250, 26, 0)
HSL
hsl(6, 100%, 49%)
HSB
hsb(6, 100%, 98%)
CMYK
cmyk(0%, 90%, 100%, 2%)
Oklch
oklch(62.5% 0.248 30.3)

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

#FF5E11

Tangerine · OrangeRed · Warm Sun

HEX
#FF5E11
RGB
rgb(255, 94, 17)
HSL
hsl(19, 100%, 53%)
HSB
hsb(19, 93%, 100%)
CMYK
cmyk(0%, 63%, 93%, 0%)
Oklch
oklch(68.6% 0.209 40.2)

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

#0E424F

Lake Blue · DarkSlateGray · Peacock Green

HEX
#0E424F
RGB
rgb(14, 66, 79)
HSL
hsl(192, 70%, 18%)
HSB
hsb(192, 82%, 31%)
CMYK
cmyk(82%, 16%, 0%, 69%)
Oklch
oklch(35.2% 0.057 218.6)

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

#156E7C

Lake Blue · Teal · Mint Ice

HEX
#156E7C
RGB
rgb(21, 110, 124)
HSL
hsl(188, 71%, 28%)
HSB
hsb(188, 83%, 49%)
CMYK
cmyk(83%, 11%, 0%, 51%)
Oklch
oklch(49.6% 0.080 211.1)

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

#3A9AB0

Slate Blue · SteelBlue · Mint Ice

HEX
#3A9AB0
RGB
rgb(58, 154, 176)
HSL
hsl(191, 50%, 46%)
HSB
hsb(191, 67%, 69%)
CMYK
cmyk(67%, 13%, 0%, 31%)
Oklch
oklch(63.9% 0.094 215.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FA1A00
00E1FA

Analogous

FA0064
FA1A00
FA9600

Triadic

FA1A00
00FA19
1900FA

Split-Comp.

FA1A00
00FA96
0064FA

Tetradic

FA1A00
64FA00
00E1FA
9600FA

Contrast Matrix WCAG 2.1 Contrast

FA1A00
FF5E11
0E424F
156E7C
3A9AB0
—
1.3
Fail
2.7
Fail
1.5
Fail
1.2
Fail
1.3
Fail
—
3.6
AA Large
1.9
Fail
1.1
Fail
2.7
Fail
3.6
AA Large
—
1.9
Fail
3.4
AA Large
1.5
Fail
1.9
Fail
1.9
Fail
—
1.8
Fail
1.2
Fail
1.1
Fail
3.4
AA Large
1.8
Fail
—
White BG
4.0AA Large
3.1AA Large
11.0AAA
5.9AA
3.3AA Large
Black BG
5.2AA
6.9AA
1.9Fail
3.6AA Large
6.4AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

999706
B9B824
25254C
3C3C79
6464AB

Deuteranopia

A6B708
C3CF28
221E4B
363078
5E57A9

Tritanopia

EF0B0C
F73236
114949
197675
3FA6A6

Achromatopsia

5A5A5A
858585
343434
555555
808080

Shades & Tints Shades & Tints

#FA1A00

Dark
Light

#FF5E11

Dark
Light

#0E424F

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fa1a00;
  --color-2: #ff5e11;
  --color-3: #0e424f;
  --color-4: #156e7c;
  --color-5: #3a9ab0;
}

SCSS

$color-1: #fa1a00;
$color-2: #ff5e11;
$color-3: #0e424f;
$color-4: #156e7c;
$color-5: #3a9ab0;

TAILWIND

colors: {
  'brand-1': '#fa1a00',
  'brand-2': '#ff5e11',
  'brand-3': '#0e424f',
  'brand-4': '#156e7c',
  'brand-5': '#3a9ab0',
}

RGB Array

[250, 26, 0], [255, 94, 17], [14, 66, 79], [21, 110, 124], [58, 154, 176]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FA1A00, #FF5E11, #0E424F, #156E7C, #3A9AB0 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: #fa1a00; --color-2: #ff5e11; --color-3: #0e424f; --color-4: #156e7c; --color-5: #3a9ab0. 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