← Back to Editor

#058B6B · #09160C · #BFE8B8 · #B0C80B · #F97F65

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 AppData Visualization

Color Details Color Details

#058B6B

Mineral Blue · Teal · Mint Ice

HEX
#058B6B
RGB
rgb(5, 139, 107)
HSL
hsl(166, 93%, 28%)
HSB
hsb(166, 96%, 55%)
CMYK
cmyk(96%, 0%, 23%, 45%)
Oklch
oklch(56.6% 0.112 169.1)

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

#09160C

Celadon · Black · Dark Green

HEX
#09160C
RGB
rgb(9, 22, 12)
HSL
hsl(134, 42%, 6%)
HSB
hsb(134, 59%, 9%)
CMYK
cmyk(59%, 0%, 45%, 91%)
Oklch
oklch(18.4% 0.028 150.4)

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

#BFE8B8

Emerald · LightGray · Mint Green

HEX
#BFE8B8
RGB
rgb(191, 232, 184)
HSL
hsl(111, 51%, 82%)
HSB
hsb(111, 21%, 91%)
CMYK
cmyk(18%, 0%, 21%, 9%)
Oklch
oklch(88.9% 0.078 141.0)

Traditional「Emerald」· Paint「Mint Green」· Creative Mint Breeze

#B0C80B

Autumn Sage · GoldenRod · Honey Gold

HEX
#B0C80B
RGB
rgb(176, 200, 11)
HSL
hsl(68, 90%, 41%)
HSB
hsb(68, 95%, 78%)
CMYK
cmyk(12%, 0%, 95%, 22%)
Oklch
oklch(78.7% 0.182 118.1)

Traditional「Autumn Sage」· Paint「Honey Gold」· Creative Blush Sunrise

#F97F65

Peach Pink · Salmon · Coral Red

HEX
#F97F65
RGB
rgb(249, 127, 101)
HSL
hsl(11, 93%, 69%)
HSB
hsb(11, 59%, 98%)
CMYK
cmyk(0%, 49%, 59%, 2%)
Oklch
oklch(73.0% 0.155 33.3)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

058B6B
8A0524

Analogous

058A28
058B6B
05668A

Triadic

058B6B
6B058A
8A6B05

Split-Comp.

058B6B
8A0566
8A2805

Tetradic

058B6B
28058A
8A0524
668A05

Contrast Matrix WCAG 2.1 Contrast

058B6B
09160C
BFE8B8
B0C80B
F97F65
—
4.3
AA Large
3.1
AA Large
2.3
Fail
1.7
Fail
4.3
AA Large
—
13.7
AAA
9.8
AAA
7.3
AAA
3.1
AA Large
13.7
AAA
—
1.4
Fail
1.9
Fail
2.3
Fail
9.8
AAA
1.4
Fail
—
1.3
Fail
1.7
Fail
7.3
AAA
1.9
Fail
1.3
Fail
—
White BG
4.3AA Large
18.6AAA
1.4Fail
1.9Fail
2.5Fail
Black BG
4.9AA
1.1Fail
15.5AAA
11.1AAA
8.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

3F4073
0F0F0E
D1D1C4
BABB39
C4C36B

Deuteranopia

372D75
0E0D0F
CECBC6
B9B744
CBD46D

Tritanopia

0C797A
0A1011
C1CDCF
B15D65
F37071

Achromatopsia

5F5F5F
111111
D6D6D6
ABABAB
A1A1A1

Shades & Tints Shades & Tints

#058B6B

Dark
Light

#09160C

Dark
Light

#BFE8B8

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #058b6b;
  --color-2: #09160c;
  --color-3: #bfe8b8;
  --color-4: #b0c80b;
  --color-5: #f97f65;
}

SCSS

$color-1: #058b6b;
$color-2: #09160c;
$color-3: #bfe8b8;
$color-4: #b0c80b;
$color-5: #f97f65;

TAILWIND

colors: {
  'brand-1': '#058b6b',
  'brand-2': '#09160c',
  'brand-3': '#bfe8b8',
  'brand-4': '#b0c80b',
  'brand-5': '#f97f65',
}

RGB Array

[5, 139, 107], [9, 22, 12], [191, 232, 184], [176, 200, 11], [249, 127, 101]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #058B6B, #09160C, #BFE8B8, #B0C80B, #F97F65 is ideal for: social media posters, mobile apps, e-commerce promos, infographics, data visualization, accessible design. Vivid colors effectively attract user attention. High contrast ensures clear visual hierarchy and readability. 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: #058b6b; --color-2: #09160c; --color-3: #bfe8b8; --color-4: #b0c80b; --color-5: #f97f65. 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. High-contrast palettes naturally meet WCAG accessibility standards. 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