← Back to Editor

#68C0D6 · #ACFB62 · #D9386E · #B8C832 · #FB7798

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

#68C0D6

Sky Blue · MediumTurquoise · Lake Green

HEX
#68C0D6
RGB
rgb(104, 192, 214)
HSL
hsl(192, 57%, 62%)
HSB
hsb(192, 51%, 84%)
CMYK
cmyk(51%, 10%, 0%, 16%)
Oklch
oklch(76.1% 0.090 216.0)

Traditional「Sky Blue」· Paint「Lake Green」· Creative Arctic Pool

#ACFB62

Emerald · GreenYellow · Apple Green

HEX
#ACFB62
RGB
rgb(172, 251, 98)
HSL
hsl(91, 95%, 68%)
HSB
hsb(91, 61%, 98%)
CMYK
cmyk(31%, 0%, 61%, 2%)
Oklch
oklch(90.7% 0.200 132.3)

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

#D9386E

Dark Violet · MediumVioletRed · Rose Pink

HEX
#D9386E
RGB
rgb(217, 56, 110)
HSL
hsl(340, 68%, 54%)
HSB
hsb(340, 74%, 85%)
CMYK
cmyk(0%, 74%, 49%, 15%)
Oklch
oklch(59.8% 0.199 5.7)

Traditional「Dark Violet」· Paint「Rose Pink」· Creative Blush Sunrise

#B8C832

Autumn Sage · GoldenRod · Honey Gold

HEX
#B8C832
RGB
rgb(184, 200, 50)
HSL
hsl(66, 60%, 49%)
HSB
hsb(66, 75%, 78%)
CMYK
cmyk(8%, 0%, 75%, 22%)
Oklch
oklch(79.5% 0.166 115.7)

Traditional「Autumn Sage」· Paint「Honey Gold」· Creative Blush Sunrise

#FB7798

Peach Pink · LightCoral · Coral Red

HEX
#FB7798
RGB
rgb(251, 119, 152)
HSL
hsl(345, 94%, 73%)
HSB
hsb(345, 53%, 98%)
CMYK
cmyk(0%, 53%, 39%, 2%)
Oklch
oklch(73.2% 0.164 6.3)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

68C0D6
D57D67

Analogous

67D5B4
68C0D6
6788D5

Triadic

68C0D6
D567BF
BFD567

Split-Comp.

68C0D6
D56788
D5B467

Tetradic

68C0D6
B467D5
D57D67
88D567

Contrast Matrix WCAG 2.1 Contrast

68C0D6
ACFB62
D9386E
B8C832
FB7798
—
1.7
Fail
2.1
Fail
1.1
Fail
1.2
Fail
1.7
Fail
—
3.5
AA Large
1.5
Fail
2.0
Fail
2.1
Fail
3.5
AA Large
—
2.4
Fail
1.7
Fail
1.1
Fail
1.5
Fail
2.4
Fail
—
1.4
Fail
1.2
Fail
2.0
Fail
1.7
Fail
1.4
Fail
—
White BG
2.1Fail
1.3Fail
4.4AA Large
1.9Fail
2.6Fail
Black BG
10.1AAA
16.7AAA
4.7AA
11.3AAA
8.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

8E8FD1
CECF87
939261
BFBF56
C2C190

Deuteranopia

8982CF
CAC490
9DA95E
BEBD5F
CAD38E

Tritanopia

6CCCCC
B0A4AB
D15754
B97379
F48A88

Achromatopsia

A8A8A8
D2D2D2
6E6E6E
B2B2B2
A2A2A2

Shades & Tints Shades & Tints

#68C0D6

Dark
Light

#ACFB62

Dark
Light

#D9386E

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #68c0d6;
  --color-2: #acfb62;
  --color-3: #d9386e;
  --color-4: #b8c832;
  --color-5: #fb7798;
}

SCSS

$color-1: #68c0d6;
$color-2: #acfb62;
$color-3: #d9386e;
$color-4: #b8c832;
$color-5: #fb7798;

TAILWIND

colors: {
  'brand-1': '#68c0d6',
  'brand-2': '#acfb62',
  'brand-3': '#d9386e',
  'brand-4': '#b8c832',
  'brand-5': '#fb7798',
}

RGB Array

[104, 192, 214], [172, 251, 98], [217, 56, 110], [184, 200, 50], [251, 119, 152]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #68C0D6, #ACFB62, #D9386E, #B8C832, #FB7798 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: #68c0d6; --color-2: #acfb62; --color-3: #d9386e; --color-4: #b8c832; --color-5: #fb7798. 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