← Back to Editor

#187C72 · #28A178 · #3DBF78 · #62D171 · #91EB75

bright

A 5-color bright 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

#187C72

Mineral Blue · Teal · Mint Ice

HEX
#187C72
RGB
rgb(24, 124, 114)
HSL
hsl(174, 68%, 29%)
HSB
hsb(174, 81%, 49%)
CMYK
cmyk(81%, 0%, 8%, 51%)
Oklch
oklch(53.0% 0.088 184.6)

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

#28A178

Mineral Blue · MediumSeaGreen · Mint Ice

HEX
#28A178
RGB
rgb(40, 161, 120)
HSL
hsl(160, 60%, 39%)
HSB
hsb(160, 75%, 63%)
CMYK
cmyk(75%, 0%, 25%, 37%)
Oklch
oklch(63.4% 0.121 165.2)

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

#3DBF78

Pine Green · MediumSeaGreen · Olive Green

HEX
#3DBF78
RGB
rgb(61, 191, 120)
HSL
hsl(147, 52%, 49%)
HSB
hsb(147, 68%, 75%)
CMYK
cmyk(68%, 0%, 37%, 25%)
Oklch
oklch(71.7% 0.153 155.1)

Traditional「Pine Green」· Paint「Olive Green」· Creative Blush Sunrise

#62D171

Emerald · MediumSeaGreen · Olive Green

HEX
#62D171
RGB
rgb(98, 209, 113)
HSL
hsl(128, 55%, 60%)
HSB
hsb(128, 53%, 82%)
CMYK
cmyk(53%, 0%, 46%, 18%)
Oklch
oklch(77.3% 0.168 146.5)

Traditional「Emerald」· Paint「Olive Green」· Creative Blush Sunrise

#91EB75

Emerald · LightGreen · Apple Green

HEX
#91EB75
RGB
rgb(145, 235, 117)
HSL
hsl(106, 75%, 69%)
HSB
hsb(106, 50%, 92%)
CMYK
cmyk(38%, 0%, 50%, 8%)
Oklch
oklch(85.7% 0.177 138.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

187C72
7C1822

Analogous

187C40
187C72
18547C

Triadic

187C72
72187C
7C7218

Split-Comp.

187C72
7C1854
7C4018

Tetradic

187C72
40187C
7C1822
547C18

Contrast Matrix WCAG 2.1 Contrast

187C72
28A178
3DBF78
62D171
91EB75
—
1.6
Fail
2.1
Fail
2.6
Fail
3.4
AA Large
1.6
Fail
—
1.4
Fail
1.7
Fail
2.2
Fail
2.1
Fail
1.4
Fail
—
1.2
Fail
1.6
Fail
2.6
Fail
1.7
Fail
1.2
Fail
—
1.3
Fail
3.4
AA Large
2.2
Fail
1.6
Fail
1.3
Fail
—
White BG
5.0AA
3.3AA Large
2.4Fail
1.9Fail
1.5Fail
Black BG
4.2AA Large
6.5AA
8.9AAA
10.9AAA
14.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

434474
5C5D82
757689
929388
B8B992

Deuteranopia

3E3675
554C84
6E648D
8C838E
B3AC98

Tritanopia

1D7677
2E8A8B
44979A
689B9F
96A8AD

Achromatopsia

5D5D5D
787878
909090
A5A5A5
C3C3C3

Shades & Tints Shades & Tints

#187C72

Dark
Light

#28A178

Dark
Light

#3DBF78

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #187c72;
  --color-2: #28a178;
  --color-3: #3dbf78;
  --color-4: #62d171;
  --color-5: #91eb75;
}

SCSS

$color-1: #187c72;
$color-2: #28a178;
$color-3: #3dbf78;
$color-4: #62d171;
$color-5: #91eb75;

TAILWIND

colors: {
  'brand-1': '#187c72',
  'brand-2': '#28a178',
  'brand-3': '#3dbf78',
  'brand-4': '#62d171',
  'brand-5': '#91eb75',
}

RGB Array

[24, 124, 114], [40, 161, 120], [61, 191, 120], [98, 209, 113], [145, 235, 117]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This bright-style palette of #187C72, #28A178, #3DBF78, #62D171, #91EB75 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: #187c72; --color-2: #28a178; --color-3: #3dbf78; --color-4: #62d171; --color-5: #91eb75. 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 bright-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