← Back to Editor

#1B7064 · #81A65C · #FC9F23 · #F02E1B · #7B133C

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

#1B7064

Mineral Blue · SeaGreen · Mint Ice

HEX
#1B7064
RGB
rgb(27, 112, 100)
HSL
hsl(172, 61%, 27%)
HSB
hsb(172, 76%, 44%)
CMYK
cmyk(76%, 0%, 11%, 56%)
Oklch
oklch(49.3% 0.080 181.2)

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

#81A65C

Celadon · Gray · Olive Green

HEX
#81A65C
RGB
rgb(129, 166, 92)
HSL
hsl(90, 29%, 51%)
HSB
hsb(90, 45%, 65%)
CMYK
cmyk(22%, 0%, 45%, 35%)
Oklch
oklch(68.0% 0.109 130.6)

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

#FC9F23

Ginger · GoldenRod · Warm Sun

HEX
#FC9F23
RGB
rgb(252, 159, 35)
HSL
hsl(34, 97%, 56%)
HSB
hsb(34, 86%, 99%)
CMYK
cmyk(0%, 37%, 86%, 1%)
Oklch
oklch(77.9% 0.164 66.6)

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

#F02E1B

Vermilion · OrangeRed · Passion Red

HEX
#F02E1B
RGB
rgb(240, 46, 27)
HSL
hsl(5, 88%, 52%)
HSB
hsb(5, 89%, 94%)
CMYK
cmyk(0%, 81%, 89%, 6%)
Oklch
oklch(61.7% 0.229 30.2)

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

#7B133C

Dark Violet · Brown · Camellia

HEX
#7B133C
RGB
rgb(123, 19, 60)
HSL
hsl(336, 73%, 28%)
HSB
hsb(336, 85%, 48%)
CMYK
cmyk(0%, 85%, 51%, 52%)
Oklch
oklch(38.7% 0.140 3.6)

Traditional「Dark Violet」· Paint「Camellia」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

1B7064
6F1B26

Analogous

1B6F3A
1B7064
1B506F

Triadic

1B7064
641B6F
6F641B

Split-Comp.

1B7064
6F1B50
6F3A1B

Tetradic

1B7064
3A1B6F
6F1B26
506F1B

Contrast Matrix WCAG 2.1 Contrast

1B7064
81A65C
FC9F23
F02E1B
7B133C
—
2.1
Fail
2.9
Fail
1.4
Fail
1.8
Fail
2.1
Fail
—
1.3
Fail
1.5
Fail
3.8
AA Large
2.9
Fail
1.3
Fail
—
2.0
Fail
5.1
AA
1.4
Fail
1.5
Fail
2.0
Fail
—
2.6
Fail
1.8
Fail
3.8
AA Large
5.1
AA
2.6
Fail
—
White BG
5.9AA
2.8Fail
2.1Fail
4.1AA Large
10.5AAA
Black BG
3.5AA Large
7.5AAA
10.1AAA
5.1AA
2.0Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

404167
91916E
D4D341
9C9A20
4E4D32

Deuteranopia

3B3568
8F8C72
D9E048
A7B621
545C30

Tritanopia

1F696A
837C7F
F7595E
E62324
762A29

Achromatopsia

555555
939393
ADADAD
666666
373737

Shades & Tints Shades & Tints

#1B7064

Dark
Light

#81A65C

Dark
Light

#FC9F23

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #1b7064;
  --color-2: #81a65c;
  --color-3: #fc9f23;
  --color-4: #f02e1b;
  --color-5: #7b133c;
}

SCSS

$color-1: #1b7064;
$color-2: #81a65c;
$color-3: #fc9f23;
$color-4: #f02e1b;
$color-5: #7b133c;

TAILWIND

colors: {
  'brand-1': '#1b7064',
  'brand-2': '#81a65c',
  'brand-3': '#fc9f23',
  'brand-4': '#f02e1b',
  'brand-5': '#7b133c',
}

RGB Array

[27, 112, 100], [129, 166, 92], [252, 159, 35], [240, 46, 27], [123, 19, 60]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #1B7064, #81A65C, #FC9F23, #F02E1B, #7B133C is ideal for: social media posters, mobile apps, e-commerce promos. 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: #1b7064; --color-2: #81a65c; --color-3: #fc9f23; --color-4: #f02e1b; --color-5: #7b133c. 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 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