← Back to Editor

#66C3C8 · #428F9F · #4E3939 · #FFC500 · #FFE507

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

#66C3C8

Slate Blue · MediumAquaMarine · Lake Green

HEX
#66C3C8
RGB
rgb(102, 195, 200)
HSL
hsl(183, 47%, 59%)
HSB
hsb(183, 49%, 78%)
CMYK
cmyk(49%, 3%, 0%, 22%)
Oklch
oklch(76.2% 0.089 200.1)

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

#428F9F

Slate Blue · SteelBlue · Mint Ice

HEX
#428F9F
RGB
rgb(66, 143, 159)
HSL
hsl(190, 41%, 44%)
HSB
hsb(190, 58%, 62%)
CMYK
cmyk(58%, 10%, 0%, 38%)
Oklch
oklch(60.8% 0.079 213.2)

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

#4E3939

Crimson · DarkSlateGray · Wine Red

HEX
#4E3939
RGB
rgb(78, 57, 57)
HSL
hsl(0, 16%, 26%)
HSB
hsb(0, 27%, 31%)
CMYK
cmyk(0%, 27%, 27%, 69%)
Oklch
oklch(36.8% 0.030 18.6)

Traditional「Crimson」· Paint「Wine Red」· Creative Blush Sunrise

#FFC500

Ochre · Gold · Honey Gold

HEX
#FFC500
RGB
rgb(255, 197, 0)
HSL
hsl(46, 100%, 50%)
HSB
hsb(46, 100%, 100%)
CMYK
cmyk(0%, 23%, 100%, 0%)
Oklch
oklch(85.2% 0.174 87.0)

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

#FFE507

Autumn Sage · Gold · Sunflower

HEX
#FFE507
RGB
rgb(255, 229, 7)
HSL
hsl(54, 100%, 51%)
HSB
hsb(54, 97%, 100%)
CMYK
cmyk(0%, 10%, 97%, 0%)
Oklch
oklch(91.5% 0.190 101.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

66C3C8
C86A65

Analogous

65C89B
66C3C8
6592C8

Triadic

66C3C8
C865C3
C3C865

Split-Comp.

66C3C8
C86592
C89B65

Tetradic

66C3C8
9B65C8
C86A65
92C865

Contrast Matrix WCAG 2.1 Contrast

66C3C8
428F9F
4E3939
FFC500
FFE507
—
1.8
Fail
5.2
AA
1.3
Fail
1.6
Fail
1.8
Fail
—
2.9
Fail
2.3
Fail
2.9
Fail
5.2
AA
2.9
Fail
—
6.7
AA
8.4
AAA
1.3
Fail
2.3
Fail
6.7
AA
—
1.2
Fail
1.6
Fail
2.9
Fail
8.4
AAA
1.2
Fail
—
White BG
2.1Fail
3.7AA Large
10.7AAA
1.6Fail
1.3Fail
Black BG
10.2AAA
5.7AA
2.0Fail
13.2AAA
16.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

8E8FC7
63649B
454539
E6E530
F4F43D

Deuteranopia

8982C7
5F599A
464839
E9EE3B
F5F74A

Tritanopia

6BC6C6
469897
4D3939
FC555E
FE6770

Achromatopsia

A8A8A8
7A7A7A
3F3F3F
C0C0C0
D3D3D3

Shades & Tints Shades & Tints

#66C3C8

Dark
Light

#428F9F

Dark
Light

#4E3939

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #66c3c8;
  --color-2: #428f9f;
  --color-3: #4e3939;
  --color-4: #ffc500;
  --color-5: #ffe507;
}

SCSS

$color-1: #66c3c8;
$color-2: #428f9f;
$color-3: #4e3939;
$color-4: #ffc500;
$color-5: #ffe507;

TAILWIND

colors: {
  'brand-1': '#66c3c8',
  'brand-2': '#428f9f',
  'brand-3': '#4e3939',
  'brand-4': '#ffc500',
  'brand-5': '#ffe507',
}

RGB Array

[102, 195, 200], [66, 143, 159], [78, 57, 57], [255, 197, 0], [255, 229, 7]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #66C3C8, #428F9F, #4E3939, #FFC500, #FFE507 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: #66c3c8; --color-2: #428f9f; --color-3: #4e3939; --color-4: #ffc500; --color-5: #ffe507. 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