← Back to Editor

#65D6D4 · #5FDEA2 · #B4D173 · #E6A051 · #E38463

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 App

Color Details Color Details

#65D6D4

Jade · MediumTurquoise · Lake Green

HEX
#65D6D4
RGB
rgb(101, 214, 212)
HSL
hsl(179, 58%, 62%)
HSB
hsb(179, 53%, 84%)
CMYK
cmyk(53%, 0%, 1%, 16%)
Oklch
oklch(81.0% 0.103 193.7)

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

#5FDEA2

Jade · MediumAquaMarine · Apple Green

HEX
#5FDEA2
RGB
rgb(95, 222, 162)
HSL
hsl(152, 66%, 62%)
HSB
hsb(152, 57%, 87%)
CMYK
cmyk(57%, 0%, 27%, 13%)
Oklch
oklch(81.3% 0.143 160.1)

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

#B4D173

Willow Green · Tan · Apple Green

HEX
#B4D173
RGB
rgb(180, 209, 115)
HSL
hsl(79, 51%, 64%)
HSB
hsb(79, 45%, 82%)
CMYK
cmyk(14%, 0%, 45%, 18%)
Oklch
oklch(81.8% 0.125 123.2)

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

#E6A051

Ginger · SandyBrown · Warm Sun

HEX
#E6A051
RGB
rgb(230, 160, 81)
HSL
hsl(32, 75%, 61%)
HSB
hsb(32, 65%, 90%)
CMYK
cmyk(0%, 30%, 65%, 10%)
Oklch
oklch(75.9% 0.126 67.1)

Traditional「Ginger」· Paint「Warm Sun」· Creative Honey Glow

#E38463

Apricot · Salmon · Warm Sun

HEX
#E38463
RGB
rgb(227, 132, 99)
HSL
hsl(15, 70%, 64%)
HSB
hsb(15, 56%, 89%)
CMYK
cmyk(0%, 42%, 56%, 11%)
Oklch
oklch(70.9% 0.126 39.8)

Traditional「Apricot」· Paint「Warm Sun」· Creative Honey Glow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

65D6D4
D66668

Analogous

66D69C
65D6D4
66A0D6

Triadic

65D6D4
D466D6
D6D466

Split-Comp.

65D6D4
D666A0
D69C66

Tetradic

65D6D4
9C66D6
D66668
A0D666

Contrast Matrix WCAG 2.1 Contrast

65D6D4
5FDEA2
B4D173
E6A051
E38463
—
1.0
Fail
1.0
Fail
1.3
Fail
1.6
Fail
1.0
Fail
—
1.0
Fail
1.3
Fail
1.6
Fail
1.0
Fail
1.0
Fail
—
1.3
Fail
1.6
Fail
1.3
Fail
1.3
Fail
1.3
Fail
—
1.2
Fail
1.6
Fail
1.6
Fail
1.6
Fail
1.2
Fail
—
White BG
1.7Fail
1.7Fail
1.7Fail
2.2Fail
2.7Fail
Black BG
12.1AAA
12.5AAA
12.3AAA
9.5AAA
7.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

9697D4
9697B1
C1C18A
C8C764
BAB96B

Deuteranopia

8F87D5
8F85B4
BFBD8F
CCD169
BFC66D

Tritanopia

6BD5D5
65BCBF
B59CA0
E37377
DE7173

Achromatopsia

B4B4B4
B1B1B1
BEBEBE
ACACAC
9D9D9D

Shades & Tints Shades & Tints

#65D6D4

Dark
Light

#5FDEA2

Dark
Light

#B4D173

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #65d6d4;
  --color-2: #5fdea2;
  --color-3: #b4d173;
  --color-4: #e6a051;
  --color-5: #e38463;
}

SCSS

$color-1: #65d6d4;
$color-2: #5fdea2;
$color-3: #b4d173;
$color-4: #e6a051;
$color-5: #e38463;

TAILWIND

colors: {
  'brand-1': '#65d6d4',
  'brand-2': '#5fdea2',
  'brand-3': '#b4d173',
  'brand-4': '#e6a051',
  'brand-5': '#e38463',
}

RGB Array

[101, 214, 212], [95, 222, 162], [180, 209, 115], [230, 160, 81], [227, 132, 99]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #65D6D4, #5FDEA2, #B4D173, #E6A051, #E38463 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: #65d6d4; --color-2: #5fdea2; --color-3: #b4d173; --color-4: #e6a051; --color-5: #e38463. 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