← Back to Editor

#88CAEA · #F4AB92 · #A6A9B2 · #234577 · #FFC0AA

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 AppData Visualization

Color Details Color Details

#88CAEA

Sky Blue · SkyBlue · Cobalt Blue

HEX
#88CAEA
RGB
rgb(136, 202, 234)
HSL
hsl(200, 70%, 73%)
HSB
hsb(200, 42%, 92%)
CMYK
cmyk(42%, 14%, 0%, 8%)
Oklch
oklch(80.6% 0.081 230.0)

Traditional「Sky Blue」· Paint「Cobalt Blue」· Creative Twilight Haze

#F4AB92

Apricot · BurlyWood · Peach Orange

HEX
#F4AB92
RGB
rgb(244, 171, 146)
HSL
hsl(15, 82%, 76%)
HSB
hsb(15, 40%, 96%)
CMYK
cmyk(0%, 30%, 40%, 4%)
Oklch
oklch(80.5% 0.093 39.7)

Traditional「Apricot」· Paint「Peach Orange」· Creative Honey Glow

#A6A9B2

Ash · DarkGray · Silver Sand

HEX
#A6A9B2
RGB
rgb(166, 169, 178)
HSL
hsl(225, 7%, 67%)
HSB
hsb(225, 7%, 70%)
CMYK
cmyk(7%, 5%, 0%, 30%)
Oklch
oklch(73.5% 0.013 271.2)

Traditional「Ash」· Paint「Silver Sand」· Creative Urban Concrete

#234577

Indigo · DarkSlateBlue · Prussian Blue

HEX
#234577
RGB
rgb(35, 69, 119)
HSL
hsl(216, 55%, 30%)
HSB
hsb(216, 71%, 47%)
CMYK
cmyk(71%, 42%, 0%, 53%)
Oklch
oklch(39.2% 0.094 258.0)

Traditional「Indigo」· Paint「Prussian Blue」· Creative Blush Sunrise

#FFC0AA

Apricot · LightPink · Peach Orange

HEX
#FFC0AA
RGB
rgb(255, 192, 170)
HSL
hsl(16, 100%, 83%)
HSB
hsb(16, 33%, 100%)
CMYK
cmyk(0%, 25%, 33%, 0%)
Oklch
oklch(86.0% 0.079 40.1)

Traditional「Apricot」· Paint「Peach Orange」· Creative Honey Glow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

88CAEA
EAAA8A

Analogous

8AEADA
88CAEA
8A9AEA

Triadic

88CAEA
EA8ACA
CAEA8A

Split-Comp.

88CAEA
EA8A9A
EADA8A

Tetradic

88CAEA
DA8AEA
EAAA8A
9AEA8A

Contrast Matrix WCAG 2.1 Contrast

88CAEA
F4AB92
A6A9B2
234577
FFC0AA
—
1.1
Fail
1.3
Fail
5.3
AA
1.1
Fail
1.1
Fail
—
1.2
Fail
5.1
AA
1.2
Fail
1.3
Fail
1.2
Fail
—
4.1
AA Large
1.5
Fail
5.3
AA
5.1
AA
4.1
AA Large
—
6.1
AA
1.1
Fail
1.2
Fail
1.5
Fail
6.1
AA
—
White BG
1.8Fail
1.9Fail
2.3Fail
9.6AAA
1.6Fail
Black BG
11.7AAA
11.1AAA
8.9AAA
2.2Fail
13.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

A5A5E2
D4D498
A7A7B0
32326B
E4E3AF

Deuteranopia

A19CE0
D9DE9A
A7A7AF
302D68
E7ECB1

Tritanopia

8BDCDB
F09D9E
A6AEAE
25615F
FCB4B4

Achromatopsia

BABABA
BEBEBE
A9A9A9
414141
D0D0D0

Shades & Tints Shades & Tints

#88CAEA

Dark
Light

#F4AB92

Dark
Light

#A6A9B2

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #88caea;
  --color-2: #f4ab92;
  --color-3: #a6a9b2;
  --color-4: #234577;
  --color-5: #ffc0aa;
}

SCSS

$color-1: #88caea;
$color-2: #f4ab92;
$color-3: #a6a9b2;
$color-4: #234577;
$color-5: #ffc0aa;

TAILWIND

colors: {
  'brand-1': '#88caea',
  'brand-2': '#f4ab92',
  'brand-3': '#a6a9b2',
  'brand-4': '#234577',
  'brand-5': '#ffc0aa',
}

RGB Array

[136, 202, 234], [244, 171, 146], [166, 169, 178], [35, 69, 119], [255, 192, 170]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #88CAEA, #F4AB92, #A6A9B2, #234577, #FFC0AA is ideal for: social media posters, mobile apps, e-commerce promos, health products, baby brands, fresh-style blogs, infographics, data visualization, accessible design. Vivid colors effectively attract user attention. High contrast ensures clear visual hierarchy and readability. 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: #88caea; --color-2: #f4ab92; --color-3: #a6a9b2; --color-4: #234577; --color-5: #ffc0aa. 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. High-contrast palettes naturally meet WCAG accessibility standards. 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