← Back to Editor

#18DDDD · #46EBB4 · #56F089 · #8CEB67 · #A7E851

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

#18DDDD

Lake Blue · DarkTurquoise · Mint Ice

HEX
#18DDDD
RGB
rgb(24, 221, 221)
HSL
hsl(180, 80%, 48%)
HSB
hsb(180, 89%, 87%)
CMYK
cmyk(89%, 0%, 0%, 13%)
Oklch
oklch(81.4% 0.136 194.8)

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

#46EBB4

Mineral Blue · Turquoise · Lake Green

HEX
#46EBB4
RGB
rgb(70, 235, 180)
HSL
hsl(160, 80%, 60%)
HSB
hsb(160, 70%, 92%)
CMYK
cmyk(70%, 0%, 23%, 8%)
Oklch
oklch(84.3% 0.156 166.1)

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

#56F089

Emerald · MediumAquaMarine · Apple Green

HEX
#56F089
RGB
rgb(86, 240, 137)
HSL
hsl(140, 84%, 64%)
HSB
hsb(140, 64%, 94%)
CMYK
cmyk(64%, 0%, 43%, 6%)
Oklch
oklch(85.0% 0.193 150.9)

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

#8CEB67

Emerald · LightGreen · Apple Green

HEX
#8CEB67
RGB
rgb(140, 235, 103)
HSL
hsl(103, 77%, 66%)
HSB
hsb(103, 56%, 92%)
CMYK
cmyk(40%, 0%, 56%, 8%)
Oklch
oklch(85.3% 0.191 137.8)

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

#A7E851

Willow Green · GreenYellow · Apple Green

HEX
#A7E851
RGB
rgb(167, 232, 81)
HSL
hsl(86, 77%, 61%)
HSB
hsb(86, 65%, 91%)
CMYK
cmyk(28%, 0%, 65%, 9%)
Oklch
oklch(85.8% 0.191 129.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

18DDDD
DC1818

Analogous

18DC7A
18DDDD
187ADC

Triadic

18DDDD
DC18DC
DCDC18

Split-Comp.

18DDDD
DC187A
DC7A18

Tetradic

18DDDD
7A18DC
DC1818
7ADC18

Contrast Matrix WCAG 2.1 Contrast

18DDDD
46EBB4
56F089
8CEB67
A7E851
—
1.1
Fail
1.1
Fail
1.1
Fail
1.2
Fail
1.1
Fail
—
1.0
Fail
1.0
Fail
1.0
Fail
1.1
Fail
1.0
Fail
—
1.0
Fail
1.0
Fail
1.1
Fail
1.0
Fail
1.0
Fail
—
1.0
Fail
1.2
Fail
1.0
Fail
1.0
Fail
1.0
Fail
—
White BG
1.7Fail
1.5Fail
1.5Fail
1.5Fail
1.5Fail
Black BG
12.4AAA
13.8AAA
14.2AAA
14.2AAA
14.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

6D6FDD
8D8FC1
999AA2
B5B687
C3C476

Deuteranopia

6253DD
8478C5
9084A8
B0A98F
BFBB7E

Tritanopia

22DDDD
4ECCCE
5EB6BA
91A0A6
AA9299

Achromatopsia

A2A2A2
B3B3B3
B6B6B6
C0C0C0
C3C3C3

Shades & Tints Shades & Tints

#18DDDD

Dark
Light

#46EBB4

Dark
Light

#56F089

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #18dddd;
  --color-2: #46ebb4;
  --color-3: #56f089;
  --color-4: #8ceb67;
  --color-5: #a7e851;
}

SCSS

$color-1: #18dddd;
$color-2: #46ebb4;
$color-3: #56f089;
$color-4: #8ceb67;
$color-5: #a7e851;

TAILWIND

colors: {
  'brand-1': '#18dddd',
  'brand-2': '#46ebb4',
  'brand-3': '#56f089',
  'brand-4': '#8ceb67',
  'brand-5': '#a7e851',
}

RGB Array

[24, 221, 221], [70, 235, 180], [86, 240, 137], [140, 235, 103], [167, 232, 81]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #18DDDD, #46EBB4, #56F089, #8CEB67, #A7E851 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: #18dddd; --color-2: #46ebb4; --color-3: #56f089; --color-4: #8ceb67; --color-5: #a7e851. 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 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