← Back to Editor

#B70264 · #DD035A · #EB7249 · #FCB148 · #537571

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

#B70264

Rose Purple · MediumVioletRed · Camellia

HEX
#B70264
RGB
rgb(183, 2, 100)
HSL
hsl(328, 98%, 36%)
HSB
hsb(328, 99%, 72%)
CMYK
cmyk(0%, 99%, 45%, 28%)
Oklch
oklch(50.7% 0.205 358.3)

Traditional「Rose Purple」· Paint「Camellia」· Creative Blush Sunrise

#DD035A

Dark Violet · Crimson · Camellia

HEX
#DD035A
RGB
rgb(221, 3, 90)
HSL
hsl(336, 97%, 44%)
HSB
hsb(336, 99%, 87%)
CMYK
cmyk(0%, 99%, 59%, 13%)
Oklch
oklch(57.5% 0.229 9.7)

Traditional「Dark Violet」· Paint「Camellia」· Creative Blush Sunrise

#EB7249

Tangerine · Coral · Warm Sun

HEX
#EB7249
RGB
rgb(235, 114, 73)
HSL
hsl(15, 80%, 60%)
HSB
hsb(15, 69%, 92%)
CMYK
cmyk(0%, 51%, 69%, 8%)
Oklch
oklch(68.7% 0.160 39.0)

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

#FCB148

Ginger · SandyBrown · Warm Sun

HEX
#FCB148
RGB
rgb(252, 177, 72)
HSL
hsl(35, 97%, 64%)
HSB
hsb(35, 71%, 99%)
CMYK
cmyk(0%, 30%, 71%, 1%)
Oklch
oklch(81.4% 0.146 71.8)

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

#537571

Mineral Blue · DimGray · Mint Ice

HEX
#537571
RGB
rgb(83, 117, 113)
HSL
hsl(173, 17%, 39%)
HSB
hsb(173, 29%, 46%)
CMYK
cmyk(29%, 0%, 3%, 54%)
Oklch
oklch(53.5% 0.039 187.0)

Traditional「Mineral Blue」· Paint「Mint Ice」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

B70264
02B656

Analogous

B002B6
B70264
B60208

Triadic

B70264
62B602
0262B6

Split-Comp.

B70264
08B602
02B6B0

Tetradic

B70264
B6B002
02B656
0208B6

Contrast Matrix WCAG 2.1 Contrast

B70264
DD035A
EB7249
FCB148
537571
—
1.3
Fail
2.2
Fail
3.6
AA Large
1.3
Fail
1.3
Fail
—
1.7
Fail
2.7
Fail
1.0
Fail
2.2
Fail
1.7
Fail
—
1.6
Fail
1.7
Fail
3.6
AA Large
2.7
Fail
1.6
Fail
—
2.8
Fail
1.3
Fail
1.0
Fail
1.7
Fail
2.8
Fail
—
White BG
6.5AA
5.0AA
3.0Fail
1.8Fail
5.1AA
Black BG
3.2AA Large
4.2AA Large
7.0AAA
11.5AAA
4.2AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

69674C
7F7D45
B7B653
DCDB61
626272

Deuteranopia

738147
8B9C40
BEC755
E0E568
605D72

Tritanopia

AE3A35
D23431
E55B5C
F8757A
557373

Achromatopsia

434343
4E4E4E
929292
BBBBBB
6A6A6A

Shades & Tints Shades & Tints

#B70264

Dark
Light

#DD035A

Dark
Light

#EB7249

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #b70264;
  --color-2: #dd035a;
  --color-3: #eb7249;
  --color-4: #fcb148;
  --color-5: #537571;
}

SCSS

$color-1: #b70264;
$color-2: #dd035a;
$color-3: #eb7249;
$color-4: #fcb148;
$color-5: #537571;

TAILWIND

colors: {
  'brand-1': '#b70264',
  'brand-2': '#dd035a',
  'brand-3': '#eb7249',
  'brand-4': '#fcb148',
  'brand-5': '#537571',
}

RGB Array

[183, 2, 100], [221, 3, 90], [235, 114, 73], [252, 177, 72], [83, 117, 113]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #B70264, #DD035A, #EB7249, #FCB148, #537571 is ideal for: social media posters, mobile apps, e-commerce promos. 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: #b70264; --color-2: #dd035a; --color-3: #eb7249; --color-4: #fcb148; --color-5: #537571. 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?

Medium-brightness colors suit brand primary and accent colors. Use the darkest for text, lightest for backgrounds, and mid-tones for emphasis. 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