← Back to Editor

#FC6A8A · #FC6F6A · #FC946A · #FCB86A · #FFDF6B

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

#FC6A8A

Peach Pink · LightCoral · Coral Red

HEX
#FC6A8A
RGB
rgb(252, 106, 138)
HSL
hsl(347, 96%, 70%)
HSB
hsb(347, 58%, 99%)
CMYK
cmyk(0%, 58%, 45%, 1%)
Oklch
oklch(71.3% 0.180 9.3)

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

#FC6F6A

Peach Pink · Salmon · Coral Red

HEX
#FC6F6A
RGB
rgb(252, 111, 106)
HSL
hsl(2, 96%, 70%)
HSB
hsb(2, 58%, 99%)
CMYK
cmyk(0%, 56%, 58%, 1%)
Oklch
oklch(71.2% 0.174 24.5)

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

#FC946A

Apricot · LightSalmon · Warm Sun

HEX
#FC946A
RGB
rgb(252, 148, 106)
HSL
hsl(17, 96%, 70%)
HSB
hsb(17, 58%, 99%)
CMYK
cmyk(0%, 41%, 58%, 1%)
Oklch
oklch(76.8% 0.138 42.4)

Traditional「Apricot」· Paint「Warm Sun」· Creative Honey Glow

#FCB86A

Ginger · SandyBrown · Warm Sun

HEX
#FCB86A
RGB
rgb(252, 184, 106)
HSL
hsl(32, 96%, 70%)
HSB
hsb(32, 58%, 99%)
CMYK
cmyk(0%, 27%, 58%, 1%)
Oklch
oklch(83.0% 0.123 68.5)

Traditional「Ginger」· Paint「Warm Sun」· Creative Honey Glow

#FFDF6B

Goose Yellow · Khaki · Sunflower

HEX
#FFDF6B
RGB
rgb(255, 223, 107)
HSL
hsl(47, 100%, 71%)
HSB
hsb(47, 58%, 100%)
CMYK
cmyk(0%, 13%, 58%, 0%)
Oklch
oklch(90.8% 0.139 94.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FC6A8A
69FCDC

Analogous

FC69D2
FC6A8A
FC9369

Triadic

FC6A8A
89FC69
6989FC

Split-Comp.

FC6A8A
69FC93
69D2FC

Tetradic

FC6A8A
D2FC69
69FCDC
9369FC

Contrast Matrix WCAG 2.1 Contrast

FC6A8A
FC6F6A
FC946A
FCB86A
FFDF6B
—
1.0
Fail
1.3
Fail
1.6
Fail
2.1
Fail
1.0
Fail
—
1.3
Fail
1.6
Fail
2.1
Fail
1.3
Fail
1.3
Fail
—
1.3
Fail
1.7
Fail
1.6
Fail
1.6
Fail
1.3
Fail
—
1.3
Fail
2.1
Fail
2.1
Fail
1.7
Fail
1.3
Fail
—
White BG
2.8Fail
2.8Fail
2.2Fail
1.7Fail
1.3Fail
Black BG
7.6AAA
7.6AAA
9.6AAA
12.2AAA
16.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

BDBB82
BFBE6B
CFCE74
DFDE7D
F1F187

Deuteranopia

C5D080
C7D26B
D5DD77
E3E881
F3F58E

Tritanopia

F57C7B
F56C6C
F77C7E
F98C8F
FD9DA2

Achromatopsia

999999
999999
AEAEAE
C3C3C3
DBDBDB

Shades & Tints Shades & Tints

#FC6A8A

Dark
Light

#FC6F6A

Dark
Light

#FC946A

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fc6a8a;
  --color-2: #fc6f6a;
  --color-3: #fc946a;
  --color-4: #fcb86a;
  --color-5: #ffdf6b;
}

SCSS

$color-1: #fc6a8a;
$color-2: #fc6f6a;
$color-3: #fc946a;
$color-4: #fcb86a;
$color-5: #ffdf6b;

TAILWIND

colors: {
  'brand-1': '#fc6a8a',
  'brand-2': '#fc6f6a',
  'brand-3': '#fc946a',
  'brand-4': '#fcb86a',
  'brand-5': '#ffdf6b',
}

RGB Array

[252, 106, 138], [252, 111, 106], [252, 148, 106], [252, 184, 106], [255, 223, 107]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #FC6A8A, #FC6F6A, #FC946A, #FCB86A, #FFDF6B 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: #fc6a8a; --color-2: #fc6f6a; --color-3: #fc946a; --color-4: #fcb86a; --color-5: #ffdf6b. 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