← Back to Editor

#C4BAFB · #D3AED3 · #E2A3AB · #F09782 · #FF8B5A

sea

A 5-color sea 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

#C4BAFB

Wisteria · LightSteelBlue · Sky Blue

HEX
#C4BAFB
RGB
rgb(196, 186, 251)
HSL
hsl(249, 89%, 86%)
HSB
hsb(249, 26%, 98%)
CMYK
cmyk(22%, 26%, 0%, 2%)
Oklch
oklch(82.0% 0.091 291.3)

Traditional「Wisteria」· Paint「Sky Blue」· Creative Lavender Dream

#D3AED3

Mauve · Silver · Lilac Purple

HEX
#D3AED3
RGB
rgb(211, 174, 211)
HSL
hsl(300, 30%, 75%)
HSB
hsb(300, 18%, 83%)
CMYK
cmyk(0%, 18%, 0%, 17%)
Oklch
oklch(79.5% 0.066 326.2)

Traditional「Mauve」· Paint「Lilac Purple」· Creative Rose Petal

#E2A3AB

Peach Pink · Tan · Coral Red

HEX
#E2A3AB
RGB
rgb(226, 163, 171)
HSL
hsl(352, 52%, 76%)
HSB
hsb(352, 28%, 89%)
CMYK
cmyk(0%, 28%, 24%, 11%)
Oklch
oklch(77.7% 0.075 10.5)

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

#F09782

Peach Pink · DarkSalmon · Coral Red

HEX
#F09782
RGB
rgb(240, 151, 130)
HSL
hsl(11, 79%, 73%)
HSB
hsb(11, 46%, 94%)
CMYK
cmyk(0%, 37%, 46%, 6%)
Oklch
oklch(76.2% 0.112 34.0)

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

#FF8B5A

Apricot · Coral · Warm Sun

HEX
#FF8B5A
RGB
rgb(255, 139, 90)
HSL
hsl(18, 100%, 68%)
HSB
hsb(18, 65%, 100%)
CMYK
cmyk(0%, 45%, 65%, 0%)
Oklch
oklch(75.5% 0.155 42.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C4BAFB
F2FBBC

Analogous

BCD2FB
C4BAFB
E5BCFB

Triadic

C4BAFB
FBC5BC
BCFBC5

Split-Comp.

C4BAFB
FBE5BC
D2FBBC

Tetradic

C4BAFB
FBBCD2
F2FBBC
BCFBE5

Contrast Matrix WCAG 2.1 Contrast

C4BAFB
D3AED3
E2A3AB
F09782
FF8B5A
—
1.1
Fail
1.2
Fail
1.2
Fail
1.3
Fail
1.1
Fail
—
1.1
Fail
1.1
Fail
1.2
Fail
1.2
Fail
1.1
Fail
—
1.1
Fail
1.1
Fail
1.2
Fail
1.1
Fail
1.1
Fail
—
1.0
Fail
1.3
Fail
1.2
Fail
1.1
Fail
1.0
Fail
—
White BG
1.8Fail
2.0Fail
2.1Fail
2.2Fail
2.3Fail
Black BG
11.8AAA
10.8AAA
10.1AAA
9.5AAA
9.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

C0C0EB
C3C3CA
C7C6A9
C9C987
CDCC66

Deuteranopia

C0C1E8
C5C8C8
CACFA9
CFD588
D4DC69

Tritanopia

C4DFDC
D1C3C1
DFA8A7
EC8B8C
F96F71

Achromatopsia

C4C4C4
BDBDBD
B7B7B7
AFAFAF
A8A8A8

Shades & Tints Shades & Tints

#C4BAFB

Dark
Light

#D3AED3

Dark
Light

#E2A3AB

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c4bafb;
  --color-2: #d3aed3;
  --color-3: #e2a3ab;
  --color-4: #f09782;
  --color-5: #ff8b5a;
}

SCSS

$color-1: #c4bafb;
$color-2: #d3aed3;
$color-3: #e2a3ab;
$color-4: #f09782;
$color-5: #ff8b5a;

TAILWIND

colors: {
  'brand-1': '#c4bafb',
  'brand-2': '#d3aed3',
  'brand-3': '#e2a3ab',
  'brand-4': '#f09782',
  'brand-5': '#ff8b5a',
}

RGB Array

[196, 186, 251], [211, 174, 211], [226, 163, 171], [240, 151, 130], [255, 139, 90]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #C4BAFB, #D3AED3, #E2A3AB, #F09782, #FF8B5A 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: #c4bafb; --color-2: #d3aed3; --color-3: #e2a3ab; --color-4: #f09782; --color-5: #ff8b5a. 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