← Back to Editor

#2F6253 · #639B8A · #9EEFB8 · #F3FDBC · #F8E80A

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 AppData Visualization

Color Details Color Details

#2F6253

Mineral Blue · DarkSlateGray · Mint Ice

HEX
#2F6253
RGB
rgb(47, 98, 83)
HSL
hsl(162, 35%, 28%)
HSB
hsb(162, 52%, 38%)
CMYK
cmyk(52%, 0%, 15%, 62%)
Oklch
oklch(45.6% 0.061 172.1)

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

#639B8A

Mineral Blue · CadetBlue · Mint Ice

HEX
#639B8A
RGB
rgb(99, 155, 138)
HSL
hsl(162, 22%, 50%)
HSB
hsb(162, 36%, 61%)
CMYK
cmyk(36%, 0%, 11%, 39%)
Oklch
oklch(64.5% 0.065 173.0)

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

#9EEFB8

Emerald · LightGreen · Apple Green

HEX
#9EEFB8
RGB
rgb(158, 239, 184)
HSL
hsl(139, 72%, 78%)
HSB
hsb(139, 34%, 94%)
CMYK
cmyk(34%, 0%, 23%, 6%)
Oklch
oklch(88.5% 0.110 153.9)

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

#F3FDBC

Fresh Green · Bisque · Lemon Cream

HEX
#F3FDBC
RGB
rgb(243, 253, 188)
HSL
hsl(69, 94%, 86%)
HSB
hsb(69, 26%, 99%)
CMYK
cmyk(4%, 0%, 26%, 1%)
Oklch
oklch(97.1% 0.084 115.1)

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

#F8E80A

Autumn Sage · Gold · Sunflower

HEX
#F8E80A
RGB
rgb(248, 232, 10)
HSL
hsl(56, 94%, 51%)
HSB
hsb(56, 96%, 97%)
CMYK
cmyk(0%, 6%, 96%, 3%)
Oklch
oklch(91.5% 0.193 104.5)

Traditional「Autumn Sage」· Paint「Sunflower」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

2F6253
602E3D

Analogous

2E6038
2F6253
2E5660

Triadic

2F6253
512E60
60512E

Split-Comp.

2F6253
602E56
60382E

Tetradic

2F6253
382E60
602E3D
56602E

Contrast Matrix WCAG 2.1 Contrast

2F6253
639B8A
9EEFB8
F3FDBC
F8E80A
—
2.2
Fail
5.2
AA
6.5
AA
5.5
AA
2.2
Fail
—
2.4
Fail
3.0
Fail
2.5
Fail
5.2
AA
2.4
Fail
—
1.3
Fail
1.1
Fail
6.5
AA
3.0
Fail
1.3
Fail
—
1.2
Fail
5.5
AA
2.5
Fail
1.1
Fail
1.2
Fail
—
White BG
7.0AAA
3.2AA Large
1.4Fail
1.1Fail
1.3Fail
Black BG
3.0Fail
6.6AA
15.5AAA
19.6AAA
16.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

454657
7B7C8E
C1C2C5
F7F7CC
F1F140

Deuteranopia

423E58
78748F
BCB6C9
F7F6D0
F2F34D

Tritanopia

32595A
669192
A2D0D2
F4D8DB
F76A73

Achromatopsia

515151
888888
D1D1D1
F3F3F3
D3D3D3

Shades & Tints Shades & Tints

#2F6253

Dark
Light

#639B8A

Dark
Light

#9EEFB8

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #2f6253;
  --color-2: #639b8a;
  --color-3: #9eefb8;
  --color-4: #f3fdbc;
  --color-5: #f8e80a;
}

SCSS

$color-1: #2f6253;
$color-2: #639b8a;
$color-3: #9eefb8;
$color-4: #f3fdbc;
$color-5: #f8e80a;

TAILWIND

colors: {
  'brand-1': '#2f6253',
  'brand-2': '#639b8a',
  'brand-3': '#9eefb8',
  'brand-4': '#f3fdbc',
  'brand-5': '#f8e80a',
}

RGB Array

[47, 98, 83], [99, 155, 138], [158, 239, 184], [243, 253, 188], [248, 232, 10]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #2F6253, #639B8A, #9EEFB8, #F3FDBC, #F8E80A is ideal for: social media posters, mobile apps, e-commerce promos, infographics, data visualization, accessible design. Vivid colors effectively attract user attention. High contrast ensures clear visual hierarchy and readability. 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: #2f6253; --color-2: #639b8a; --color-3: #9eefb8; --color-4: #f3fdbc; --color-5: #f8e80a. 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. High-contrast palettes naturally meet WCAG accessibility standards. 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