← Back to Editor

#9BE2C2 · #FFE047 · #FF9154 · #F7439C · #9C3C83

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

#9BE2C2

Jade · LightBlue · Apple Green

HEX
#9BE2C2
RGB
rgb(155, 226, 194)
HSL
hsl(153, 55%, 75%)
HSB
hsb(153, 31%, 89%)
CMYK
cmyk(31%, 0%, 14%, 11%)
Oklch
oklch(85.7% 0.084 164.7)

Traditional「Jade」· Paint「Apple Green」· Creative Arctic Pool

#FFE047

Fresh Green · SandyBrown · Sunflower

HEX
#FFE047
RGB
rgb(255, 224, 71)
HSL
hsl(50, 100%, 64%)
HSB
hsb(50, 72%, 100%)
CMYK
cmyk(0%, 12%, 72%, 0%)
Oklch
oklch(90.7% 0.166 97.3)

Traditional「Fresh Green」· Paint「Sunflower」· Creative Lemon Fizz

#FF9154

Apricot · Coral · Warm Sun

HEX
#FF9154
RGB
rgb(255, 145, 84)
HSL
hsl(21, 100%, 66%)
HSB
hsb(21, 67%, 100%)
CMYK
cmyk(0%, 43%, 67%, 0%)
Oklch
oklch(76.3% 0.153 48.1)

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

#F7439C

Rouge · DeepPink · Rose Pink

HEX
#F7439C
RGB
rgb(247, 67, 156)
HSL
hsl(330, 92%, 62%)
HSB
hsb(330, 73%, 97%)
CMYK
cmyk(0%, 73%, 37%, 3%)
Oklch
oklch(67.0% 0.227 355.0)

Traditional「Rouge」· Paint「Rose Pink」· Creative Rose Petal

#9C3C83

Rose Purple · MediumVioletRed · Violet

HEX
#9C3C83
RGB
rgb(156, 60, 131)
HSL
hsl(316, 44%, 42%)
HSB
hsb(316, 62%, 61%)
CMYK
cmyk(0%, 62%, 16%, 39%)
Oklch
oklch(51.2% 0.153 339.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

9BE2C2
E29CBC

Analogous

9CE2A0
9BE2C2
9CDFE2

Triadic

9BE2C2
C39CE2
E2C39C

Split-Comp.

9BE2C2
E29CDF
E2A09C

Tetradic

9BE2C2
A09CE2
E29CBC
DFE29C

Contrast Matrix WCAG 2.1 Contrast

9BE2C2
FFE047
FF9154
F7439C
9C3C83
—
1.1
Fail
1.5
Fail
2.3
Fail
4.1
AA Large
1.1
Fail
—
1.7
Fail
2.6
Fail
4.7
AA
1.5
Fail
1.7
Fail
—
1.5
Fail
2.8
Fail
2.3
Fail
2.6
Fail
1.5
Fail
—
1.8
Fail
4.1
AA Large
4.7
AA
2.8
Fail
1.8
Fail
—
White BG
1.5Fail
1.3Fail
2.2Fail
3.4AA Large
6.2AA
Black BG
14.1AAA
16.0AAA
9.4AAA
6.2AA
3.4AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

BABACA
F2F16C
CFCE63
A9A786
727272

Deuteranopia

B6B0CC
F3F675
D6DE66
B4C181
787F6E

Tritanopia

9FD0D1
FD8990
FA6E71
EE7572
976461

Achromatopsia

C9C9C9
D8D8D8
ABABAB
838383
616161

Shades & Tints Shades & Tints

#9BE2C2

Dark
Light

#FFE047

Dark
Light

#FF9154

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #9be2c2;
  --color-2: #ffe047;
  --color-3: #ff9154;
  --color-4: #f7439c;
  --color-5: #9c3c83;
}

SCSS

$color-1: #9be2c2;
$color-2: #ffe047;
$color-3: #ff9154;
$color-4: #f7439c;
$color-5: #9c3c83;

TAILWIND

colors: {
  'brand-1': '#9be2c2',
  'brand-2': '#ffe047',
  'brand-3': '#ff9154',
  'brand-4': '#f7439c',
  'brand-5': '#9c3c83',
}

RGB Array

[155, 226, 194], [255, 224, 71], [255, 145, 84], [247, 67, 156], [156, 60, 131]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #9BE2C2, #FFE047, #FF9154, #F7439C, #9C3C83 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: #9be2c2; --color-2: #ffe047; --color-3: #ff9154; --color-4: #f7439c; --color-5: #9c3c83. 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