← Back to Editor

#0EBB3E · #64DD86 · #FFFFFF · #49A8D2 · #0073A5

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarmCool

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial AppData Visualization

Color Details Color Details

#0EBB3E

Pine Green · LimeGreen · Forest Green

HEX
#0EBB3E
RGB
rgb(14, 187, 62)
HSL
hsl(137, 86%, 39%)
HSB
hsb(137, 93%, 73%)
CMYK
cmyk(93%, 0%, 67%, 27%)
Oklch
oklch(69.0% 0.208 145.9)

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

#64DD86

Emerald · MediumAquaMarine · Apple Green

HEX
#64DD86
RGB
rgb(100, 221, 134)
HSL
hsl(137, 64%, 63%)
HSB
hsb(137, 55%, 87%)
CMYK
cmyk(55%, 0%, 39%, 13%)
Oklch
oklch(80.7% 0.164 150.4)

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

#FFFFFF

Moonlight White · White · Cloud White

HEX
#FFFFFF
RGB
rgb(255, 255, 255)
HSL
hsl(0, 0%, 100%)
HSB
hsb(0, 0%, 100%)
CMYK
cmyk(0%, 0%, 0%, 0%)
Oklch
oklch(100.0% 0.000 89.9)

Traditional「Moonlight White」· Paint「Cloud White」· Creative Morning Mist

#49A8D2

Lake Blue · MediumTurquoise · Lake Green

HEX
#49A8D2
RGB
rgb(73, 168, 210)
HSL
hsl(198, 60%, 55%)
HSB
hsb(198, 65%, 82%)
CMYK
cmyk(65%, 20%, 0%, 18%)
Oklch
oklch(69.2% 0.108 230.2)

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

#0073A5

Lake Blue · Teal · Mint Ice

HEX
#0073A5
RGB
rgb(0, 115, 165)
HSL
hsl(198, 100%, 32%)
HSB
hsb(198, 100%, 65%)
CMYK
cmyk(100%, 30%, 0%, 35%)
Oklch
oklch(52.7% 0.116 237.4)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

0EBB3E
B90E89

Analogous

33B90E
0EBB3E
0EB994

Triadic

0EBB3E
3E0EB9
B93E0E

Split-Comp.

0EBB3E
940EB9
B90E33

Tetradic

0EBB3E
0E33B9
B90E89
B9940E

Contrast Matrix WCAG 2.1 Contrast

0EBB3E
64DD86
FFFFFF
49A8D2
0073A5
—
1.5
Fail
2.6
Fail
1.0
Fail
2.1
Fail
1.5
Fail
—
1.7
Fail
1.6
Fail
3.1
AA Large
2.6
Fail
1.7
Fail
—
2.7
Fail
5.3
AA
1.0
Fail
1.6
Fail
2.7
Fail
—
2.0
Fail
2.1
Fail
3.1
AA Large
5.3
AA
2.0
Fail
—
White BG
2.6Fail
1.7Fail
1.0Fail
2.7Fail
5.3AA
Black BG
8.2AAA
12.2AAA
21.0AAA
7.8AAA
4.0AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

595A5C
98999B
FFFFFF
7273C8
323399

Deuteranopia

4F4264
9188A0
FFFFFF
6D66C5
2B2396

Tritanopia

177479
6AACAF
FFFFFF
4EC0BE
068F8D

Achromatopsia

797979
AFAFAF
FFFFFF
909090
565656

Shades & Tints Shades & Tints

#0EBB3E

Dark
Light

#64DD86

Dark
Light

#FFFFFF

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #0ebb3e;
  --color-2: #64dd86;
  --color-3: #ffffff;
  --color-4: #49a8d2;
  --color-5: #0073a5;
}

SCSS

$color-1: #0ebb3e;
$color-2: #64dd86;
$color-3: #ffffff;
$color-4: #49a8d2;
$color-5: #0073a5;

TAILWIND

colors: {
  'brand-1': '#0ebb3e',
  'brand-2': '#64dd86',
  'brand-3': '#ffffff',
  'brand-4': '#49a8d2',
  'brand-5': '#0073a5',
}

RGB Array

[14, 187, 62], [100, 221, 134], [255, 255, 255], [73, 168, 210], [0, 115, 165]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #0EBB3E, #64DD86, #FFFFFF, #49A8D2, #0073A5 is ideal for: social media posters, mobile apps, e-commerce promos, 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: #0ebb3e; --color-2: #64dd86; --color-3: #ffffff; --color-4: #49a8d2; --color-5: #0073a5. 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. 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