← Back to Editor

#06C8D3 · #818B9A · #FB62CF · #DDBB92 · #D8D959

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

#06C8D3

Lake Blue · DarkTurquoise · Mint Ice

HEX
#06C8D3
RGB
rgb(6, 200, 211)
HSL
hsl(183, 94%, 43%)
HSB
hsb(183, 97%, 83%)
CMYK
cmyk(97%, 5%, 0%, 17%)
Oklch
oklch(75.8% 0.128 201.9)

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

#818B9A

Azure · LightSlateGray · Navy Blue

HEX
#818B9A
RGB
rgb(129, 139, 154)
HSL
hsl(216, 11%, 55%)
HSB
hsb(216, 16%, 60%)
CMYK
cmyk(16%, 10%, 0%, 40%)
Oklch
oklch(63.4% 0.025 258.4)

Traditional「Azure」· Paint「Navy Blue」· Creative Blush Sunrise

#FB62CF

Mauve · Orchid · Lilac Purple

HEX
#FB62CF
RGB
rgb(251, 98, 207)
HSL
hsl(317, 95%, 68%)
HSB
hsb(317, 61%, 98%)
CMYK
cmyk(0%, 61%, 18%, 2%)
Oklch
oklch(72.5% 0.219 340.6)

Traditional「Mauve」· Paint「Lilac Purple」· Creative Rose Petal

#DDBB92

Goose Yellow · BurlyWood · Warm Sun

HEX
#DDBB92
RGB
rgb(221, 187, 146)
HSL
hsl(33, 52%, 72%)
HSB
hsb(33, 34%, 87%)
CMYK
cmyk(0%, 15%, 34%, 13%)
Oklch
oklch(81.2% 0.067 71.9)

Traditional「Goose Yellow」· Paint「Warm Sun」· Creative Honey Glow

#D8D959

Autumn Sage · BurlyWood · Sunflower

HEX
#D8D959
RGB
rgb(216, 217, 89)
HSL
hsl(60, 63%, 60%)
HSB
hsb(60, 59%, 85%)
CMYK
cmyk(0%, 0%, 59%, 15%)
Oklch
oklch(86.0% 0.149 109.6)

Traditional「Autumn Sage」· Paint「Sunflower」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

06C8D3
D51107

Analogous

07D578
06C8D3
0763D5

Triadic

06C8D3
D507CA
CAD507

Split-Comp.

06C8D3
D50763
D57807

Tetradic

06C8D3
7807D5
D51107
63D507

Contrast Matrix WCAG 2.1 Contrast

06C8D3
818B9A
FB62CF
DDBB92
D8D959
—
1.7
Fail
1.3
Fail
1.1
Fail
1.4
Fail
1.7
Fail
—
1.3
Fail
1.9
Fail
2.3
Fail
1.3
Fail
1.3
Fail
—
1.5
Fail
1.8
Fail
1.1
Fail
1.9
Fail
1.5
Fail
—
1.2
Fail
1.4
Fail
2.3
Fail
1.8
Fail
1.2
Fail
—
White BG
2.1Fail
3.4AA Large
2.7Fail
1.8Fail
1.5Fail
Black BG
10.2AAA
6.1AA
7.7AAA
11.6AAA
14.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

5A5CD0
858596
B9B7B5
CECE9C
D8D878

Deuteranopia

4F40D0
858496
C2CDAE
D0D39E
D8D87F

Tritanopia

10CECE
829493
F3A09B
DBA4A5
D89096

Achromatopsia

8F8F8F
8A8A8A
9C9C9C
C0C0C0
CACACA

Shades & Tints Shades & Tints

#06C8D3

Dark
Light

#818B9A

Dark
Light

#FB62CF

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #06c8d3;
  --color-2: #818b9a;
  --color-3: #fb62cf;
  --color-4: #ddbb92;
  --color-5: #d8d959;
}

SCSS

$color-1: #06c8d3;
$color-2: #818b9a;
$color-3: #fb62cf;
$color-4: #ddbb92;
$color-5: #d8d959;

TAILWIND

colors: {
  'brand-1': '#06c8d3',
  'brand-2': '#818b9a',
  'brand-3': '#fb62cf',
  'brand-4': '#ddbb92',
  'brand-5': '#d8d959',
}

RGB Array

[6, 200, 211], [129, 139, 154], [251, 98, 207], [221, 187, 146], [216, 217, 89]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #06C8D3, #818B9A, #FB62CF, #DDBB92, #D8D959 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: #06c8d3; --color-2: #818b9a; --color-3: #fb62cf; --color-4: #ddbb92; --color-5: #d8d959. 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