← Back to Editor

#3CBAC8 · #93EDD4 · #F3F5C4 · #F9CB8F · #F19181

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

#3CBAC8

Lake Blue · MediumTurquoise · Lake Green

HEX
#3CBAC8
RGB
rgb(60, 186, 200)
HSL
hsl(186, 56%, 51%)
HSB
hsb(186, 70%, 78%)
CMYK
cmyk(70%, 7%, 0%, 22%)
Oklch
oklch(72.7% 0.109 205.8)

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

#93EDD4

Jade · LightBlue · Lake Green

HEX
#93EDD4
RGB
rgb(147, 237, 212)
HSL
hsl(163, 71%, 75%)
HSB
hsb(163, 38%, 93%)
CMYK
cmyk(38%, 0%, 11%, 7%)
Oklch
oklch(88.2% 0.094 174.4)

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

#F3F5C4

Fresh Green · Bisque · Lemon Cream

HEX
#F3F5C4
RGB
rgb(243, 245, 196)
HSL
hsl(62, 71%, 86%)
HSB
hsb(62, 20%, 96%)
CMYK
cmyk(1%, 0%, 20%, 4%)
Oklch
oklch(95.7% 0.063 109.5)

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

#F9CB8F

Goose Yellow · Khaki · Peach Orange

HEX
#F9CB8F
RGB
rgb(249, 203, 143)
HSL
hsl(34, 90%, 77%)
HSB
hsb(34, 43%, 98%)
CMYK
cmyk(0%, 18%, 43%, 2%)
Oklch
oklch(86.9% 0.093 73.5)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

#F19181

Peach Pink · DarkSalmon · Coral Red

HEX
#F19181
RGB
rgb(241, 145, 129)
HSL
hsl(9, 80%, 73%)
HSB
hsb(9, 46%, 95%)
CMYK
cmyk(0%, 40%, 46%, 5%)
Oklch
oklch(75.3% 0.119 30.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

3CBAC8
C84A3C

Analogous

3CC890
3CBAC8
3C74C8

Triadic

3CBAC8
C83CBA
BAC83C

Split-Comp.

3CBAC8
C83C74
C8903C

Tetradic

3CBAC8
903CC8
C84A3C
74C83C

Contrast Matrix WCAG 2.1 Contrast

3CBAC8
93EDD4
F3F5C4
F9CB8F
F19181
—
1.7
Fail
2.1
Fail
1.5
Fail
1.0
Fail
1.7
Fail
—
1.2
Fail
1.1
Fail
1.7
Fail
2.1
Fail
1.2
Fail
—
1.3
Fail
2.0
Fail
1.5
Fail
1.1
Fail
1.3
Fail
—
1.5
Fail
1.0
Fail
1.7
Fail
2.0
Fail
1.5
Fail
—
White BG
2.3Fail
1.4Fail
1.1Fail
1.5Fail
2.3Fail
Black BG
9.0AAA
15.3AAA
18.7AAA
14.0AAA
9.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

7374C5
BABBDA
F4F4D0
E5E59E
C7C785

Deuteranopia

6B62C4
B5AEDB
F4F4D3
E8EBA1
CDD486

Tritanopia

42C2C1
98DFE0
F3D9DB
F7A9AC
EC8889

Achromatopsia

969696
CFCFCF
EFEFEF
D2D2D2
ACACAC

Shades & Tints Shades & Tints

#3CBAC8

Dark
Light

#93EDD4

Dark
Light

#F3F5C4

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #3cbac8;
  --color-2: #93edd4;
  --color-3: #f3f5c4;
  --color-4: #f9cb8f;
  --color-5: #f19181;
}

SCSS

$color-1: #3cbac8;
$color-2: #93edd4;
$color-3: #f3f5c4;
$color-4: #f9cb8f;
$color-5: #f19181;

TAILWIND

colors: {
  'brand-1': '#3cbac8',
  'brand-2': '#93edd4',
  'brand-3': '#f3f5c4',
  'brand-4': '#f9cb8f',
  'brand-5': '#f19181',
}

RGB Array

[60, 186, 200], [147, 237, 212], [243, 245, 196], [249, 203, 143], [241, 145, 129]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #3CBAC8, #93EDD4, #F3F5C4, #F9CB8F, #F19181 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: #3cbac8; --color-2: #93edd4; --color-3: #f3f5c4; --color-4: #f9cb8f; --color-5: #f19181. 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