← Back to Editor

#98CF67 · #E2CC55 · #F1CABB · #FAA89C · #E4505C

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

#98CF67

Emerald · DarkSeaGreen · Apple Green

HEX
#98CF67
RGB
rgb(152, 207, 103)
HSL
hsl(92, 52%, 61%)
HSB
hsb(92, 50%, 81%)
CMYK
cmyk(27%, 0%, 50%, 19%)
Oklch
oklch(79.3% 0.147 131.9)

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

#E2CC55

Fresh Green · SandyBrown · Sunflower

HEX
#E2CC55
RGB
rgb(226, 204, 85)
HSL
hsl(51, 71%, 61%)
HSB
hsb(51, 62%, 89%)
CMYK
cmyk(0%, 10%, 62%, 11%)
Oklch
oklch(84.1% 0.140 98.8)

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

#F1CABB

Apricot · Wheat · Peach Orange

HEX
#F1CABB
RGB
rgb(241, 202, 187)
HSL
hsl(17, 66%, 84%)
HSB
hsb(17, 22%, 95%)
CMYK
cmyk(0%, 16%, 22%, 5%)
Oklch
oklch(86.9% 0.049 42.1)

Traditional「Apricot」· Paint「Peach Orange」· Creative Honey Glow

#FAA89C

Peach Pink · LightSalmon · Coral Red

HEX
#FAA89C
RGB
rgb(250, 168, 156)
HSL
hsl(8, 90%, 80%)
HSB
hsb(8, 38%, 98%)
CMYK
cmyk(0%, 33%, 38%, 2%)
Oklch
oklch(80.8% 0.099 28.6)

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

#E4505C

Vermilion · Tomato · Passion Red

HEX
#E4505C
RGB
rgb(228, 80, 92)
HSL
hsl(355, 73%, 60%)
HSB
hsb(355, 65%, 89%)
CMYK
cmyk(0%, 65%, 60%, 11%)
Oklch
oklch(63.5% 0.183 19.4)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

98CF67
9F68CF

Analogous

CCCF68
98CF67
68CF6B

Triadic

98CF67
6898CF
CF6898

Split-Comp.

98CF67
6B68CF
CF68CC

Tetradic

98CF67
68CCCF
9F68CF
CF6B68

Contrast Matrix WCAG 2.1 Contrast

98CF67
E2CC55
F1CABB
FAA89C
E4505C
—
1.1
Fail
1.2
Fail
1.0
Fail
2.0
Fail
1.1
Fail
—
1.1
Fail
1.2
Fail
2.3
Fail
1.2
Fail
1.1
Fail
—
1.2
Fail
2.5
Fail
1.0
Fail
1.2
Fail
1.2
Fail
—
2.0
Fail
2.0
Fail
2.3
Fail
2.5
Fail
2.0
Fail
—
White BG
1.8Fail
1.6Fail
1.5Fail
1.9Fail
3.7AA Large
Black BG
11.5AAA
13.0AAA
13.9AAA
11.1AAA
5.6AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

B0B080
D8D872
E0E0BF
D6D69F
A4A359

Deuteranopia

ADA986
DADB79
E2E5C0
DBE1A0
ADB858

Tritanopia

9B9498
E1898E
EFC1C2
F6A1A2
DD5756

Achromatopsia

B3B3B3
C5C5C5
D4D4D4
BFBFBF
7E7E7E

Shades & Tints Shades & Tints

#98CF67

Dark
Light

#E2CC55

Dark
Light

#F1CABB

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #98cf67;
  --color-2: #e2cc55;
  --color-3: #f1cabb;
  --color-4: #faa89c;
  --color-5: #e4505c;
}

SCSS

$color-1: #98cf67;
$color-2: #e2cc55;
$color-3: #f1cabb;
$color-4: #faa89c;
$color-5: #e4505c;

TAILWIND

colors: {
  'brand-1': '#98cf67',
  'brand-2': '#e2cc55',
  'brand-3': '#f1cabb',
  'brand-4': '#faa89c',
  'brand-5': '#e4505c',
}

RGB Array

[152, 207, 103], [226, 204, 85], [241, 202, 187], [250, 168, 156], [228, 80, 92]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #98CF67, #E2CC55, #F1CABB, #FAA89C, #E4505C 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: #98cf67; --color-2: #e2cc55; --color-3: #f1cabb; --color-4: #faa89c; --color-5: #e4505c. 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