← Back to Editor

#7AEBBE · #16A188 · #00595A · #021013 · #2BB37F

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

#7AEBBE

Jade · MediumAquaMarine · Apple Green

HEX
#7AEBBE
RGB
rgb(122, 235, 190)
HSL
hsl(156, 74%, 70%)
HSB
hsb(156, 48%, 92%)
CMYK
cmyk(48%, 0%, 19%, 8%)
Oklch
oklch(86.1% 0.123 165.5)

Traditional「Jade」· Paint「Apple Green」· Creative Arctic Pool

#16A188

Mineral Blue · LightSeaGreen · Mint Ice

HEX
#16A188
RGB
rgb(22, 161, 136)
HSL
hsl(169, 76%, 36%)
HSB
hsb(169, 86%, 63%)
CMYK
cmyk(86%, 0%, 16%, 37%)
Oklch
oklch(63.5% 0.115 176.0)

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

#00595A

Lake Blue · DarkSlateGray · Peacock Green

HEX
#00595A
RGB
rgb(0, 89, 90)
HSL
hsl(181, 100%, 18%)
HSB
hsb(181, 100%, 35%)
CMYK
cmyk(100%, 1%, 0%, 65%)
Oklch
oklch(42.1% 0.072 196.1)

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

#021013

Lake Blue · Black · Peacock Green

HEX
#021013
RGB
rgb(2, 16, 19)
HSL
hsl(191, 81%, 4%)
HSB
hsb(191, 89%, 7%)
CMYK
cmyk(89%, 16%, 0%, 93%)
Oklch
oklch(16.0% 0.023 210.9)

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

#2BB37F

Mineral Blue · MediumSeaGreen · Olive Green

HEX
#2BB37F
RGB
rgb(43, 179, 127)
HSL
hsl(157, 61%, 44%)
HSB
hsb(157, 76%, 70%)
CMYK
cmyk(76%, 0%, 29%, 30%)
Oklch
oklch(68.3% 0.138 162.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

7AEBBE
EB7AA7

Analogous

7AEB85
7AEBBE
7AE0EB

Triadic

7AEBBE
BE7AEB
EBBE7A

Split-Comp.

7AEBBE
EB7AE0
EB857A

Tetradic

7AEBBE
857AEB
EB7AA7
E0EB7A

Contrast Matrix WCAG 2.1 Contrast

7AEBBE
16A188
00595A
021013
2BB37F
—
2.2
Fail
5.6
AA
13.3
AAA
1.8
Fail
2.2
Fail
—
2.5
Fail
6.0
AA
1.2
Fail
5.6
AA
2.5
Fail
—
2.4
Fail
3.0
AA Large
13.3
AAA
6.0
AA
2.4
Fail
—
7.2
AAA
1.8
Fail
1.2
Fail
3.0
AA Large
7.2
AAA
—
White BG
1.5Fail
3.2AA Large
8.2AAA
19.3AAA
2.7Fail
Black BG
14.5AAA
6.5AA
2.6Fail
1.1Fail
7.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

ABACC9
52538E
27275A
080812
66678C

Deuteranopia

A49CCC
4A4090
211B5A
070612
5E548F

Tritanopia

80D1D3
1D9394
045A5A
031212
329698

Achromatopsia

C4C4C4
757575
3F3F3F
0C0C0C
848484

Shades & Tints Shades & Tints

#7AEBBE

Dark
Light

#16A188

Dark
Light

#00595A

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #7aebbe;
  --color-2: #16a188;
  --color-3: #00595a;
  --color-4: #021013;
  --color-5: #2bb37f;
}

SCSS

$color-1: #7aebbe;
$color-2: #16a188;
$color-3: #00595a;
$color-4: #021013;
$color-5: #2bb37f;

TAILWIND

colors: {
  'brand-1': '#7aebbe',
  'brand-2': '#16a188',
  'brand-3': '#00595a',
  'brand-4': '#021013',
  'brand-5': '#2bb37f',
}

RGB Array

[122, 235, 190], [22, 161, 136], [0, 89, 90], [2, 16, 19], [43, 179, 127]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #7AEBBE, #16A188, #00595A, #021013, #2BB37F 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: #7aebbe; --color-2: #16a188; --color-3: #00595a; --color-4: #021013; --color-5: #2bb37f. 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