← Back to Editor

#A8C5CB · #FAD1B3 · #FFAB8F · #EB7583 · #B06D74

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

#A8C5CB

Sky Blue · LightSteelBlue · Lake Green

HEX
#A8C5CB
RGB
rgb(168, 197, 203)
HSL
hsl(190, 25%, 73%)
HSB
hsb(190, 17%, 80%)
CMYK
cmyk(17%, 3%, 0%, 20%)
Oklch
oklch(80.4% 0.032 211.6)

Traditional「Sky Blue」· Paint「Lake Green」· Creative Arctic Pool

#FAD1B3

Apricot · Wheat · Peach Orange

HEX
#FAD1B3
RGB
rgb(250, 209, 179)
HSL
hsl(25, 88%, 84%)
HSB
hsb(25, 28%, 98%)
CMYK
cmyk(0%, 16%, 28%, 2%)
Oklch
oklch(88.8% 0.061 58.0)

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

#FFAB8F

Apricot · LightSalmon · Peach Orange

HEX
#FFAB8F
RGB
rgb(255, 171, 143)
HSL
hsl(15, 100%, 78%)
HSB
hsb(15, 44%, 100%)
CMYK
cmyk(0%, 33%, 44%, 0%)
Oklch
oklch(81.6% 0.107 39.2)

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

#EB7583

Peach Pink · LightCoral · Coral Red

HEX
#EB7583
RGB
rgb(235, 117, 131)
HSL
hsl(353, 75%, 69%)
HSB
hsb(353, 50%, 92%)
CMYK
cmyk(0%, 50%, 44%, 8%)
Oklch
oklch(70.2% 0.146 14.2)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

#B06D74

Crimson · Gray · Passion Red

HEX
#B06D74
RGB
rgb(176, 109, 116)
HSL
hsl(354, 30%, 56%)
HSB
hsb(354, 38%, 69%)
CMYK
cmyk(0%, 38%, 34%, 31%)
Oklch
oklch(60.9% 0.086 13.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

A8C5CB
CBAFA9

Analogous

A9CBC0
A8C5CB
A9B4CB

Triadic

A8C5CB
CBA9C6
C6CBA9

Split-Comp.

A8C5CB
CBA9B4
CBC0A9

Tetradic

A8C5CB
C0A9CB
CBAFA9
B4CBA9

Contrast Matrix WCAG 2.1 Contrast

A8C5CB
FAD1B3
FFAB8F
EB7583
B06D74
—
1.3
Fail
1.0
Fail
1.6
Fail
2.2
Fail
1.3
Fail
—
1.3
Fail
2.0
Fail
2.8
Fail
1.0
Fail
1.3
Fail
—
1.5
Fail
2.2
Fail
1.6
Fail
2.0
Fail
1.5
Fail
—
1.4
Fail
2.2
Fail
2.8
Fail
2.2
Fail
1.4
Fail
—
White BG
1.8Fail
1.4Fail
1.8Fail
2.8Fail
4.0AA Large
Black BG
11.5AAA
14.8AAA
11.5AAA
7.4AAA
5.3AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

B5B5CA
E8E8BA
DBDA96
B8B780
939272

Deuteranopia

B3B1C9
EBEEBC
E0E697
BFC87F
979C72

Tritanopia

A9C8C8
F8C0C1
FB9B9C
E57D7C
AD7171

Achromatopsia

BDBDBD
DADADA
C1C1C1
9A9A9A
828282

Shades & Tints Shades & Tints

#A8C5CB

Dark
Light

#FAD1B3

Dark
Light

#FFAB8F

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #a8c5cb;
  --color-2: #fad1b3;
  --color-3: #ffab8f;
  --color-4: #eb7583;
  --color-5: #b06d74;
}

SCSS

$color-1: #a8c5cb;
$color-2: #fad1b3;
$color-3: #ffab8f;
$color-4: #eb7583;
$color-5: #b06d74;

TAILWIND

colors: {
  'brand-1': '#a8c5cb',
  'brand-2': '#fad1b3',
  'brand-3': '#ffab8f',
  'brand-4': '#eb7583',
  'brand-5': '#b06d74',
}

RGB Array

[168, 197, 203], [250, 209, 179], [255, 171, 143], [235, 117, 131], [176, 109, 116]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #A8C5CB, #FAD1B3, #FFAB8F, #EB7583, #B06D74 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: #a8c5cb; --color-2: #fad1b3; --color-3: #ffab8f; --color-4: #eb7583; --color-5: #b06d74. 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