← Back to Editor

#073028 · #155C60 · #2D7D7A · #00BCB8 · #96DBEA

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

Color Details Color Details

#073028

Mineral Blue · Black · Peacock Green

HEX
#073028
RGB
rgb(7, 48, 40)
HSL
hsl(168, 75%, 11%)
HSB
hsb(168, 85%, 19%)
CMYK
cmyk(85%, 0%, 17%, 81%)
Oklch
oklch(27.9% 0.047 176.7)

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

#155C60

Lake Blue · DarkSlateGray · Peacock Green

HEX
#155C60
RGB
rgb(21, 92, 96)
HSL
hsl(183, 64%, 23%)
HSB
hsb(183, 78%, 38%)
CMYK
cmyk(78%, 4%, 0%, 62%)
Oklch
oklch(43.5% 0.067 200.7)

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

#2D7D7A

Mineral Blue · SeaGreen · Mint Ice

HEX
#2D7D7A
RGB
rgb(45, 125, 122)
HSL
hsl(178, 47%, 33%)
HSB
hsb(178, 64%, 49%)
CMYK
cmyk(64%, 0%, 2%, 51%)
Oklch
oklch(54.1% 0.077 191.6)

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

#00BCB8

Mineral Blue · DarkTurquoise · Mint Ice

HEX
#00BCB8
RGB
rgb(0, 188, 184)
HSL
hsl(179, 100%, 37%)
HSB
hsb(179, 100%, 74%)
CMYK
cmyk(100%, 0%, 2%, 26%)
Oklch
oklch(71.9% 0.123 192.1)

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

#96DBEA

Sky Blue · SkyBlue · Lake Green

HEX
#96DBEA
RGB
rgb(150, 219, 234)
HSL
hsl(191, 67%, 75%)
HSB
hsb(191, 36%, 92%)
CMYK
cmyk(36%, 6%, 0%, 8%)
Oklch
oklch(85.1% 0.072 212.8)

Traditional「Sky Blue」· Paint「Lake Green」· Creative Arctic Pool

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

073028
31070F

Analogous

073114
073028
072431

Triadic

073028
290731
312907

Split-Comp.

073028
310724
311407

Tetradic

073028
140731
31070F
243107

Contrast Matrix WCAG 2.1 Contrast

073028
155C60
2D7D7A
00BCB8
96DBEA
—
1.9
Fail
3.0
Fail
6.1
AA
9.3
AAA
1.9
Fail
—
1.6
Fail
3.3
AA Large
5.0
AA
3.0
Fail
1.6
Fail
—
2.1
Fail
3.1
AA Large
6.1
AA
3.3
AA Large
2.1
Fail
—
1.5
Fail
9.3
AAA
5.0
AA
3.1
AA Large
1.5
Fail
—
White BG
14.4AAA
7.7AAA
4.9AA
2.4Fail
1.5Fail
Black BG
1.5Fail
2.7Fail
4.3AA Large
8.9AAA
13.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

19192A
34345F
50507B
5153B9
B4B4E6

Deuteranopia

16132A
302A5F
4B457B
4738B9
B0ABE6

Tritanopia

092B2C
195E5E
317B7B
09BABA
99E4E3

Achromatopsia

232323
474747
656565
838383
C8C8C8

Shades & Tints Shades & Tints

#073028

Dark
Light

#155C60

Dark
Light

#2D7D7A

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #073028;
  --color-2: #155c60;
  --color-3: #2d7d7a;
  --color-4: #00bcb8;
  --color-5: #96dbea;
}

SCSS

$color-1: #073028;
$color-2: #155c60;
$color-3: #2d7d7a;
$color-4: #00bcb8;
$color-5: #96dbea;

TAILWIND

colors: {
  'brand-1': '#073028',
  'brand-2': '#155c60',
  'brand-3': '#2d7d7a',
  'brand-4': '#00bcb8',
  'brand-5': '#96dbea',
}

RGB Array

[7, 48, 40], [21, 92, 96], [45, 125, 122], [0, 188, 184], [150, 219, 234]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #073028, #155C60, #2D7D7A, #00BCB8, #96DBEA is ideal for: social media posters, mobile apps, e-commerce promos, tech websites, dark mode UIs, game UIs, 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: #073028; --color-2: #155c60; --color-3: #2d7d7a; --color-4: #00bcb8; --color-5: #96dbea. 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. 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