← Back to Editor

#168C91 · #5BB597 · #FAC365 · #E89A4C · #C22D17

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

#168C91

Lake Blue · Teal · Mint Ice

HEX
#168C91
RGB
rgb(22, 140, 145)
HSL
hsl(182, 74%, 33%)
HSB
hsb(182, 85%, 57%)
CMYK
cmyk(85%, 3%, 0%, 43%)
Oklch
oklch(58.4% 0.095 199.5)

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

#5BB597

Mineral Blue · CadetBlue · Lake Green

HEX
#5BB597
RGB
rgb(91, 181, 151)
HSL
hsl(160, 38%, 53%)
HSB
hsb(160, 50%, 71%)
CMYK
cmyk(50%, 0%, 17%, 29%)
Oklch
oklch(70.9% 0.098 169.4)

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

#FAC365

Ginger · SandyBrown · Warm Sun

HEX
#FAC365
RGB
rgb(250, 195, 101)
HSL
hsl(38, 94%, 69%)
HSB
hsb(38, 60%, 98%)
CMYK
cmyk(0%, 22%, 60%, 2%)
Oklch
oklch(84.8% 0.128 79.0)

Traditional「Ginger」· Paint「Warm Sun」· Creative Honey Glow

#E89A4C

Ginger · SandyBrown · Warm Sun

HEX
#E89A4C
RGB
rgb(232, 154, 76)
HSL
hsl(30, 77%, 60%)
HSB
hsb(30, 67%, 91%)
CMYK
cmyk(0%, 34%, 67%, 9%)
Oklch
oklch(75.0% 0.132 63.2)

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

#C22D17

Vermilion · FireBrick · Passion Red

HEX
#C22D17
RGB
rgb(194, 45, 23)
HSL
hsl(8, 79%, 43%)
HSB
hsb(8, 88%, 76%)
CMYK
cmyk(0%, 77%, 88%, 24%)
Oklch
oklch(53.4% 0.188 31.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

168C91
921A16

Analogous

169258
168C91
165092

Triadic

168C91
92168E
8E9216

Split-Comp.

168C91
921650
925816

Tetradic

168C91
581692
921A16
509216

Contrast Matrix WCAG 2.1 Contrast

168C91
5BB597
FAC365
E89A4C
C22D17
—
1.6
Fail
2.5
Fail
1.8
Fail
1.4
Fail
1.6
Fail
—
1.5
Fail
1.1
Fail
2.3
Fail
2.5
Fail
1.5
Fail
—
1.4
Fail
3.5
AA Large
1.8
Fail
1.1
Fail
1.4
Fail
—
2.5
Fail
1.4
Fail
2.3
Fail
3.5
AA Large
2.5
Fail
—
White BG
4.0AA Large
2.5Fail
1.6Fail
2.3Fail
5.7AA
Black BG
5.2AA
8.5AAA
13.1AAA
9.2AAA
3.7AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

494A90
82839E
E2E27C
C6C65F
81801C

Deuteranopia

423990
7D76A0
E5EA81
CBD163
8A951E

Tritanopia

1C8F8F
60A4A5
F78E92
E46E71
BB2121

Achromatopsia

696969
979797
C9C9C9
A8A8A8
575757

Shades & Tints Shades & Tints

#168C91

Dark
Light

#5BB597

Dark
Light

#FAC365

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #168c91;
  --color-2: #5bb597;
  --color-3: #fac365;
  --color-4: #e89a4c;
  --color-5: #c22d17;
}

SCSS

$color-1: #168c91;
$color-2: #5bb597;
$color-3: #fac365;
$color-4: #e89a4c;
$color-5: #c22d17;

TAILWIND

colors: {
  'brand-1': '#168c91',
  'brand-2': '#5bb597',
  'brand-3': '#fac365',
  'brand-4': '#e89a4c',
  'brand-5': '#c22d17',
}

RGB Array

[22, 140, 145], [91, 181, 151], [250, 195, 101], [232, 154, 76], [194, 45, 23]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #168C91, #5BB597, #FAC365, #E89A4C, #C22D17 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: #168c91; --color-2: #5bb597; --color-3: #fac365; --color-4: #e89a4c; --color-5: #c22d17. 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