← Back to Editor

#528C07 · #043C35 · #004350 · #005272 · #0C9BC7

A 5-color palette palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicCool

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial App

Color Details Color Details

#528C07

Grass Green · Olive · Forest Green

HEX
#528C07
RGB
rgb(82, 140, 7)
HSL
hsl(86, 90%, 29%)
HSB
hsb(86, 95%, 55%)
CMYK
cmyk(41%, 0%, 95%, 45%)
Oklch
oklch(57.8% 0.160 132.7)

Traditional「Grass Green」· Paint「Forest Green」· Creative Blush Sunrise

#043C35

Mineral Blue · DarkSlateGray · Peacock Green

HEX
#043C35
RGB
rgb(4, 60, 53)
HSL
hsl(173, 88%, 13%)
HSB
hsb(173, 93%, 24%)
CMYK
cmyk(93%, 0%, 12%, 76%)
Oklch
oklch(32.1% 0.055 181.9)

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

#004350

Lake Blue · DarkSlateGray · Peacock Green

HEX
#004350
RGB
rgb(0, 67, 80)
HSL
hsl(190, 100%, 16%)
HSB
hsb(190, 100%, 31%)
CMYK
cmyk(100%, 16%, 0%, 69%)
Oklch
oklch(35.3% 0.063 216.0)

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

#005272

Lake Blue · Teal · Peacock Green

HEX
#005272
RGB
rgb(0, 82, 114)
HSL
hsl(197, 100%, 22%)
HSB
hsb(197, 100%, 45%)
CMYK
cmyk(100%, 28%, 0%, 55%)
Oklch
oklch(41.3% 0.086 233.4)

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

#0C9BC7

Lake Blue · LightSeaGreen · Mint Ice

HEX
#0C9BC7
RGB
rgb(12, 155, 199)
HSL
hsl(194, 89%, 41%)
HSB
hsb(194, 94%, 78%)
CMYK
cmyk(94%, 22%, 0%, 22%)
Oklch
oklch(64.4% 0.123 227.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

528C07
41078D

Analogous

8D8407
528C07
108D07

Triadic

528C07
07538D
8D0753

Split-Comp.

528C07
07108D
84078D

Tetradic

528C07
078D84
41078D
8D0710

Contrast Matrix WCAG 2.1 Contrast

528C07
043C35
004350
005272
0C9BC7
—
3.0
AA Large
2.7
Fail
2.1
Fail
1.3
Fail
3.0
AA Large
—
1.1
Fail
1.4
Fail
3.8
AA Large
2.7
Fail
1.1
Fail
—
1.3
Fail
3.4
AA Large
2.1
Fail
1.4
Fail
1.3
Fail
—
2.7
Fail
1.3
Fail
3.8
AA Large
3.4
AA Large
2.7
Fail
—
White BG
4.1AA Large
12.3AAA
10.9AAA
8.6AAA
3.2AA Large
Black BG
5.1AA
1.7Fail
1.9Fail
2.4Fail
6.5AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

6B6C27
1C1D37
1D1E4D
24246A
4A4BBC

Deuteranopia

68632F
191537
19144C
1F1968
4237BA

Tritanopia

554146
073838
034A4A
046463
13B4B2

Achromatopsia

6B6B6B
2A2A2A
303030
3D3D3D
757575

Shades & Tints Shades & Tints

#528C07

Dark
Light

#043C35

Dark
Light

#004350

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #528c07;
  --color-2: #043c35;
  --color-3: #004350;
  --color-4: #005272;
  --color-5: #0c9bc7;
}

SCSS

$color-1: #528c07;
$color-2: #043c35;
$color-3: #004350;
$color-4: #005272;
$color-5: #0c9bc7;

TAILWIND

colors: {
  'brand-1': '#528c07',
  'brand-2': '#043c35',
  'brand-3': '#004350',
  'brand-4': '#005272',
  'brand-5': '#0c9bc7',
}

RGB Array

[82, 140, 7], [4, 60, 53], [0, 67, 80], [0, 82, 114], [12, 155, 199]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #528C07, #043C35, #004350, #005272, #0C9BC7 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: #528c07; --color-2: #043c35; --color-3: #004350; --color-4: #005272; --color-5: #0c9bc7. 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