← Back to Editor

#73AC83 · #B0D339 · #D5E97A · #FEACDC · #F7639F

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

#73AC83

Celadon · DarkSeaGreen · Olive Green

HEX
#73AC83
RGB
rgb(115, 172, 131)
HSL
hsl(137, 26%, 56%)
HSB
hsb(137, 33%, 67%)
CMYK
cmyk(33%, 0%, 24%, 33%)
Oklch
oklch(69.4% 0.085 152.6)

Traditional「Celadon」· Paint「Olive Green」· Creative Blush Sunrise

#B0D339

Grass Green · GreenYellow · Olive Green

HEX
#B0D339
RGB
rgb(176, 211, 57)
HSL
hsl(74, 64%, 53%)
HSB
hsb(74, 73%, 83%)
CMYK
cmyk(17%, 0%, 73%, 17%)
Oklch
oklch(81.4% 0.177 121.8)

Traditional「Grass Green」· Paint「Olive Green」· Creative Blush Sunrise

#D5E97A

Willow Green · Khaki · Apple Green

HEX
#D5E97A
RGB
rgb(213, 233, 122)
HSL
hsl(71, 72%, 70%)
HSB
hsb(71, 48%, 91%)
CMYK
cmyk(9%, 0%, 48%, 9%)
Oklch
oklch(89.6% 0.138 117.7)

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

#FEACDC

Mauve · Pink · Cherry Blossom

HEX
#FEACDC
RGB
rgb(254, 172, 220)
HSL
hsl(325, 98%, 84%)
HSB
hsb(325, 32%, 100%)
CMYK
cmyk(0%, 32%, 13%, 0%)
Oklch
oklch(83.7% 0.113 343.8)

Traditional「Mauve」· Paint「Cherry Blossom」· Creative Rose Petal

#F7639F

Rouge · LightCoral · Rose Pink

HEX
#F7639F
RGB
rgb(247, 99, 159)
HSL
hsl(336, 90%, 68%)
HSB
hsb(336, 60%, 97%)
CMYK
cmyk(0%, 60%, 36%, 3%)
Oklch
oklch(70.3% 0.189 357.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

73AC83
AC729B

Analogous

7EAC72
73AC83
72AC9F

Triadic

73AC83
8272AC
AC8272

Split-Comp.

73AC83
9F72AC
AC727E

Tetradic

73AC83
727EAC
AC729B
AC9F72

Contrast Matrix WCAG 2.1 Contrast

73AC83
B0D339
D5E97A
FEACDC
F7639F
—
1.5
Fail
2.0
Fail
1.5
Fail
1.1
Fail
1.5
Fail
—
1.3
Fail
1.0
Fail
1.7
Fail
2.0
Fail
1.3
Fail
—
1.3
Fail
2.2
Fail
1.5
Fail
1.0
Fail
1.3
Fail
—
1.7
Fail
1.1
Fail
1.7
Fail
2.2
Fail
1.7
Fail
—
White BG
2.6Fail
1.7Fail
1.3Fail
1.7Fail
2.9Fail
Black BG
8.0AAA
12.2AAA
15.8AAA
12.1AAA
7.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

8C8C8D
BFBF5E
DEDE95
DADAD0
B7B690

Deuteranopia

88848F
BDBB67
DDDB9B
DFE5CE
C0CB8D

Tritanopia

769596
B27C82
D6AAAF
FAC7C5
F08583

Achromatopsia

969696
B7B7B7
D6D6D6
CACACA
969696

Shades & Tints Shades & Tints

#73AC83

Dark
Light

#B0D339

Dark
Light

#D5E97A

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #73ac83;
  --color-2: #b0d339;
  --color-3: #d5e97a;
  --color-4: #feacdc;
  --color-5: #f7639f;
}

SCSS

$color-1: #73ac83;
$color-2: #b0d339;
$color-3: #d5e97a;
$color-4: #feacdc;
$color-5: #f7639f;

TAILWIND

colors: {
  'brand-1': '#73ac83',
  'brand-2': '#b0d339',
  'brand-3': '#d5e97a',
  'brand-4': '#feacdc',
  'brand-5': '#f7639f',
}

RGB Array

[115, 172, 131], [176, 211, 57], [213, 233, 122], [254, 172, 220], [247, 99, 159]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #73AC83, #B0D339, #D5E97A, #FEACDC, #F7639F 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: #73ac83; --color-2: #b0d339; --color-3: #d5e97a; --color-4: #feacdc; --color-5: #f7639f. 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