← Back to Editor

#AFC7B9 · #FFE1C9 · #FAC7B4 · #FCA89D · #998B82

sea

A 5-color sea palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarm

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial App

Color Details Color Details

#AFC7B9

Celadon · Silver · Apple Green

HEX
#AFC7B9
RGB
rgb(175, 199, 185)
HSL
hsl(145, 18%, 73%)
HSB
hsb(145, 12%, 78%)
CMYK
cmyk(12%, 0%, 7%, 22%)
Oklch
oklch(80.8% 0.033 160.0)

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

#FFE1C9

Apricot · Bisque · Peach Orange

HEX
#FFE1C9
RGB
rgb(255, 225, 201)
HSL
hsl(27, 100%, 89%)
HSB
hsb(27, 21%, 100%)
CMYK
cmyk(0%, 12%, 21%, 0%)
Oklch
oklch(92.8% 0.046 60.9)

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

#FAC7B4

Apricot · LightPink · Peach Orange

HEX
#FAC7B4
RGB
rgb(250, 199, 180)
HSL
hsl(16, 88%, 84%)
HSB
hsb(16, 28%, 98%)
CMYK
cmyk(0%, 20%, 28%, 2%)
Oklch
oklch(87.0% 0.064 41.4)

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

#FCA89D

Peach Pink · LightSalmon · Coral Red

HEX
#FCA89D
RGB
rgb(252, 168, 157)
HSL
hsl(7, 94%, 80%)
HSB
hsb(7, 38%, 99%)
CMYK
cmyk(0%, 33%, 38%, 1%)
Oklch
oklch(81.1% 0.101 27.7)

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

#998B82

Tangerine · Gray · Warm Sun

HEX
#998B82
RGB
rgb(153, 139, 130)
HSL
hsl(23, 10%, 55%)
HSB
hsb(23, 15%, 60%)
CMYK
cmyk(0%, 9%, 15%, 40%)
Oklch
oklch(64.7% 0.021 55.0)

Traditional「Tangerine」· Paint「Warm Sun」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

AFC7B9
C7AEBC

Analogous

B0C7AE
AFC7B9
AEC7C4

Triadic

AFC7B9
B8AEC7
C7B8AE

Split-Comp.

AFC7B9
C4AEC7
C7AEB0

Tetradic

AFC7B9
AEB0C7
C7AEBC
C7C4AE

Contrast Matrix WCAG 2.1 Contrast

AFC7B9
FFE1C9
FAC7B4
FCA89D
998B82
—
1.4
Fail
1.2
Fail
1.0
Fail
1.8
Fail
1.4
Fail
—
1.2
Fail
1.5
Fail
2.6
Fail
1.2
Fail
1.2
Fail
—
1.2
Fail
2.2
Fail
1.0
Fail
1.5
Fail
1.2
Fail
—
1.8
Fail
1.8
Fail
2.6
Fail
2.2
Fail
1.8
Fail
—
White BG
1.8Fail
1.2Fail
1.5Fail
1.9Fail
3.3AA Large
Black BG
11.7AAA
16.9AAA
13.9AAA
11.2AAA
6.4AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

B9BABC
F2F2CF
E4E3B9
D8D7A0
939384

Deuteranopia

B8B6BD
F4F6D0
E7EBBA
DDE3A0
949585

Tritanopia

B0BFC0
FED3D4
F7BCBD
F8A2A2
988686

Achromatopsia

BEBEBE
E7E7E7
D4D4D4
C0C0C0
8E8E8E

Shades & Tints Shades & Tints

#AFC7B9

Dark
Light

#FFE1C9

Dark
Light

#FAC7B4

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #afc7b9;
  --color-2: #ffe1c9;
  --color-3: #fac7b4;
  --color-4: #fca89d;
  --color-5: #998b82;
}

SCSS

$color-1: #afc7b9;
$color-2: #ffe1c9;
$color-3: #fac7b4;
$color-4: #fca89d;
$color-5: #998b82;

TAILWIND

colors: {
  'brand-1': '#afc7b9',
  'brand-2': '#ffe1c9',
  'brand-3': '#fac7b4',
  'brand-4': '#fca89d',
  'brand-5': '#998b82',
}

RGB Array

[175, 199, 185], [255, 225, 201], [250, 199, 180], [252, 168, 157], [153, 139, 130]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #AFC7B9, #FFE1C9, #FAC7B4, #FCA89D, #998B82 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: #afc7b9; --color-2: #ffe1c9; --color-3: #fac7b4; --color-4: #fca89d; --color-5: #998b82. 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 sea-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