← Back to Editor

#5CBDA3 · #B75F39 · #EC5831 · #C53A0C · #B5D6A1

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

#5CBDA3

Mineral Blue · MediumAquaMarine · Lake Green

HEX
#5CBDA3
RGB
rgb(92, 189, 163)
HSL
hsl(164, 42%, 55%)
HSB
hsb(164, 51%, 74%)
CMYK
cmyk(51%, 0%, 14%, 26%)
Oklch
oklch(73.2% 0.100 173.6)

Traditional「Mineral Blue」· Paint「Lake Green」· Creative Blush Sunrise

#B75F39

Tangerine · Sienna · Amber Brown

HEX
#B75F39
RGB
rgb(183, 95, 57)
HSL
hsl(18, 53%, 47%)
HSB
hsb(18, 69%, 72%)
CMYK
cmyk(0%, 48%, 69%, 28%)
Oklch
oklch(58.2% 0.125 43.1)

Traditional「Tangerine」· Paint「Amber Brown」· Creative Blush Sunrise

#EC5831

Vermilion · Tomato · Passion Red

HEX
#EC5831
RGB
rgb(236, 88, 49)
HSL
hsl(13, 83%, 56%)
HSB
hsb(13, 79%, 93%)
CMYK
cmyk(0%, 63%, 79%, 7%)
Oklch
oklch(65.1% 0.191 35.5)

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

#C53A0C

Tangerine · FireBrick · Amber Brown

HEX
#C53A0C
RGB
rgb(197, 58, 12)
HSL
hsl(15, 89%, 41%)
HSB
hsb(15, 94%, 77%)
CMYK
cmyk(0%, 71%, 94%, 23%)
Oklch
oklch(55.1% 0.183 36.0)

Traditional「Tangerine」· Paint「Amber Brown」· Creative Blush Sunrise

#B5D6A1

Celadon · Silver · Apple Green

HEX
#B5D6A1
RGB
rgb(181, 214, 161)
HSL
hsl(97, 39%, 74%)
HSB
hsb(97, 25%, 84%)
CMYK
cmyk(15%, 0%, 25%, 16%)
Oklch
oklch(83.8% 0.080 133.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

5CBDA3
BC5C76

Analogous

5CBC73
5CBDA3
5CA6BC

Triadic

5CBDA3
A35CBC
BCA35C

Split-Comp.

5CBDA3
BC5CA6
BC735C

Tetradic

5CBDA3
735CBC
BC5C76
A6BC5C

Contrast Matrix WCAG 2.1 Contrast

5CBDA3
B75F39
EC5831
C53A0C
B5D6A1
—
2.0
Fail
1.5
Fail
2.3
Fail
1.4
Fail
2.0
Fail
—
1.3
Fail
1.2
Fail
2.8
Fail
1.5
Fail
1.3
Fail
—
1.5
Fail
2.2
Fail
2.3
Fail
1.2
Fail
1.5
Fail
—
3.3
AA Large
1.4
Fail
2.8
Fail
2.2
Fail
3.3
AA Large
—
White BG
2.3Fail
4.5AA Large
3.5AA Large
5.3AA
1.6Fail
Black BG
9.3AAA
4.7AA
6.0AA
4.0AA Large
13.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

8687A9
919042
ACAB3A
898817
C3C4AE

Deuteranopia

8079AB
969D44
B5C03D
919B1A
C1BFB1

Tritanopia

61AEAF
B3494B
E54244
BE2022
B7B8BA

Achromatopsia

9D9D9D
757575
808080
5E5E5E
C6C6C6

Shades & Tints Shades & Tints

#5CBDA3

Dark
Light

#B75F39

Dark
Light

#EC5831

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #5cbda3;
  --color-2: #b75f39;
  --color-3: #ec5831;
  --color-4: #c53a0c;
  --color-5: #b5d6a1;
}

SCSS

$color-1: #5cbda3;
$color-2: #b75f39;
$color-3: #ec5831;
$color-4: #c53a0c;
$color-5: #b5d6a1;

TAILWIND

colors: {
  'brand-1': '#5cbda3',
  'brand-2': '#b75f39',
  'brand-3': '#ec5831',
  'brand-4': '#c53a0c',
  'brand-5': '#b5d6a1',
}

RGB Array

[92, 189, 163], [183, 95, 57], [236, 88, 49], [197, 58, 12], [181, 214, 161]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #5CBDA3, #B75F39, #EC5831, #C53A0C, #B5D6A1 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: #5cbda3; --color-2: #b75f39; --color-3: #ec5831; --color-4: #c53a0c; --color-5: #b5d6a1. 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