← Back to Editor

#06B1B8 · #FF6694 · #EA8B55 · #E4A90D · #C2C204

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

#06B1B8

Lake Blue · LightSeaGreen · Mint Ice

HEX
#06B1B8
RGB
rgb(6, 177, 184)
HSL
hsl(182, 94%, 37%)
HSB
hsb(182, 97%, 72%)
CMYK
cmyk(97%, 4%, 0%, 28%)
Oklch
oklch(69.1% 0.117 199.8)

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

#FF6694

Rouge · LightCoral · Rose Pink

HEX
#FF6694
RGB
rgb(255, 102, 148)
HSL
hsl(342, 100%, 70%)
HSB
hsb(342, 60%, 100%)
CMYK
cmyk(0%, 60%, 42%, 0%)
Oklch
oklch(71.5% 0.190 4.6)

Traditional「Rouge」· Paint「Rose Pink」· Creative Rose Petal

#EA8B55

Apricot · Coral · Warm Sun

HEX
#EA8B55
RGB
rgb(234, 139, 85)
HSL
hsl(22, 78%, 63%)
HSB
hsb(22, 64%, 92%)
CMYK
cmyk(0%, 41%, 64%, 8%)
Oklch
oklch(72.7% 0.135 49.1)

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

#E4A90D

Ochre · GoldenRod · Honey Gold

HEX
#E4A90D
RGB
rgb(228, 169, 13)
HSL
hsl(44, 89%, 47%)
HSB
hsb(44, 94%, 89%)
CMYK
cmyk(0%, 26%, 94%, 11%)
Oklch
oklch(77.0% 0.156 82.9)

Traditional「Ochre」· Paint「Honey Gold」· Creative Blush Sunrise

#C2C204

Autumn Sage · GoldenRod · Honey Gold

HEX
#C2C204
RGB
rgb(194, 194, 4)
HSL
hsl(60, 96%, 39%)
HSB
hsb(60, 98%, 76%)
CMYK
cmyk(0%, 0%, 98%, 24%)
Oklch
oklch(78.8% 0.171 109.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

06B1B8
B70C06

Analogous

06B764
06B1B8
0658B7

Triadic

06B1B8
B706B1
B1B706

Split-Comp.

06B1B8
B70658
B76406

Tetradic

06B1B8
6406B7
B70C06
58B706

Contrast Matrix WCAG 2.1 Contrast

06B1B8
FF6694
EA8B55
E4A90D
C2C204
—
1.1
Fail
1.0
Fail
1.2
Fail
1.4
Fail
1.1
Fail
—
1.1
Fail
1.3
Fail
1.5
Fail
1.0
Fail
1.1
Fail
—
1.2
Fail
1.3
Fail
1.2
Fail
1.3
Fail
1.2
Fail
—
1.1
Fail
1.4
Fail
1.5
Fail
1.3
Fail
1.1
Fail
—
White BG
2.6Fail
2.8Fail
2.5Fail
2.1Fail
1.9Fail
Black BG
8.0AAA
7.6AAA
8.3AAA
10.0AAA
11.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

5052B6
BDBB89
C1C062
CACA33
C2C232

Deuteranopia

4639B6
C6D186
C6CD65
CED23C
C2C23D

Tritanopia

0FB5B5
F7807E
E56C6F
E15157
C2565E

Achromatopsia

7F7F7F
999999
A1A1A1
A9A9A9
ACACAC

Shades & Tints Shades & Tints

#06B1B8

Dark
Light

#FF6694

Dark
Light

#EA8B55

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #06b1b8;
  --color-2: #ff6694;
  --color-3: #ea8b55;
  --color-4: #e4a90d;
  --color-5: #c2c204;
}

SCSS

$color-1: #06b1b8;
$color-2: #ff6694;
$color-3: #ea8b55;
$color-4: #e4a90d;
$color-5: #c2c204;

TAILWIND

colors: {
  'brand-1': '#06b1b8',
  'brand-2': '#ff6694',
  'brand-3': '#ea8b55',
  'brand-4': '#e4a90d',
  'brand-5': '#c2c204',
}

RGB Array

[6, 177, 184], [255, 102, 148], [234, 139, 85], [228, 169, 13], [194, 194, 4]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #06B1B8, #FF6694, #EA8B55, #E4A90D, #C2C204 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: #06b1b8; --color-2: #ff6694; --color-3: #ea8b55; --color-4: #e4a90d; --color-5: #c2c204. 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