← Back to Editor

#6696AC · #FBF6D8 · #F76655 · #A6B886 · #FEE57E

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

#6696AC

Slate Blue · CadetBlue · Lake Green

HEX
#6696AC
RGB
rgb(102, 150, 172)
HSL
hsl(199, 30%, 54%)
HSB
hsb(199, 41%, 67%)
CMYK
cmyk(41%, 13%, 0%, 33%)
Oklch
oklch(64.7% 0.061 228.4)

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

#FBF6D8

Fresh Green · Beige · Lemon Cream

HEX
#FBF6D8
RGB
rgb(251, 246, 216)
HSL
hsl(51, 81%, 92%)
HSB
hsb(51, 14%, 98%)
CMYK
cmyk(0%, 2%, 14%, 2%)
Oklch
oklch(96.9% 0.039 99.3)

Traditional「Fresh Green」· Paint「Lemon Cream」· Creative Lemon Fizz

#F76655

Peach Pink · Tomato · Coral Red

HEX
#F76655
RGB
rgb(247, 102, 85)
HSL
hsl(6, 91%, 65%)
HSB
hsb(6, 66%, 97%)
CMYK
cmyk(0%, 59%, 66%, 3%)
Oklch
oklch(69.0% 0.181 29.2)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

#A6B886

Willow Green · DarkSeaGreen · Apple Green

HEX
#A6B886
RGB
rgb(166, 184, 134)
HSL
hsl(82, 26%, 62%)
HSB
hsb(82, 27%, 72%)
CMYK
cmyk(10%, 0%, 27%, 28%)
Oklch
oklch(75.6% 0.071 124.2)

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

#FEE57E

Goose Yellow · Khaki · Sunflower

HEX
#FEE57E
RGB
rgb(254, 229, 126)
HSL
hsl(48, 98%, 75%)
HSB
hsb(48, 50%, 100%)
CMYK
cmyk(0%, 10%, 50%, 0%)
Oklch
oklch(92.2% 0.126 96.0)

Traditional「Goose Yellow」· Paint「Sunflower」· Creative Lemon Fizz

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

6696AC
AD7D67

Analogous

67ADA0
6696AC
6773AD

Triadic

6696AC
AD6797
97AD67

Split-Comp.

6696AC
AD6773
ADA067

Tetradic

6696AC
A067AD
AD7D67
73AD67

Contrast Matrix WCAG 2.1 Contrast

6696AC
FBF6D8
F76655
A6B886
FEE57E
—
3.0
Fail
1.1
Fail
1.5
Fail
2.6
Fail
3.0
Fail
—
2.8
Fail
2.0
Fail
1.2
Fail
1.1
Fail
2.8
Fail
—
1.4
Fail
2.4
Fail
1.5
Fail
2.0
Fail
1.4
Fail
—
1.7
Fail
2.6
Fail
1.2
Fail
2.4
Fail
1.7
Fail
—
White BG
3.2AA Large
1.1Fail
3.0AA Large
2.1Fail
1.3Fail
Black BG
6.5AA
19.3AAA
7.0AA
9.8AAA
16.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

7B7BA7
F9F9DF
B8B759
AEAE92
F3F397

Deuteranopia

7874A5
F9FAE1
C1CB5A
ADAB95
F5F79D

Tritanopia

68A2A2
FBE5E6
F05C5D
A79C9E
FDABAF

Achromatopsia

8A8A8A
F4F4F4
8F8F8F
ADADAD
E1E1E1

Shades & Tints Shades & Tints

#6696AC

Dark
Light

#FBF6D8

Dark
Light

#F76655

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #6696ac;
  --color-2: #fbf6d8;
  --color-3: #f76655;
  --color-4: #a6b886;
  --color-5: #fee57e;
}

SCSS

$color-1: #6696ac;
$color-2: #fbf6d8;
$color-3: #f76655;
$color-4: #a6b886;
$color-5: #fee57e;

TAILWIND

colors: {
  'brand-1': '#6696ac',
  'brand-2': '#fbf6d8',
  'brand-3': '#f76655',
  'brand-4': '#a6b886',
  'brand-5': '#fee57e',
}

RGB Array

[102, 150, 172], [251, 246, 216], [247, 102, 85], [166, 184, 134], [254, 229, 126]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #6696AC, #FBF6D8, #F76655, #A6B886, #FEE57E is ideal for: social media posters, mobile apps, e-commerce promos, health products, baby brands, fresh-style blogs. 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: #6696ac; --color-2: #fbf6d8; --color-3: #f76655; --color-4: #a6b886; --color-5: #fee57e. 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?

Light tones suit backgrounds; use dark colors for body text. Mid-tones work for card backgrounds or dividers to add depth. 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