← Back to Editor

#33A3BF · #FFEDE7 · #FFA19F · #FF648E · #FF125B

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

#33A3BF

Lake Blue · LightSeaGreen · Mint Ice

HEX
#33A3BF
RGB
rgb(51, 163, 191)
HSL
hsl(192, 58%, 47%)
HSB
hsb(192, 73%, 75%)
CMYK
cmyk(73%, 15%, 0%, 25%)
Oklch
oklch(66.6% 0.105 218.4)

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

#FFEDE7

Apricot · Linen · Peach Orange

HEX
#FFEDE7
RGB
rgb(255, 237, 231)
HSL
hsl(15, 100%, 95%)
HSB
hsb(15, 9%, 100%)
CMYK
cmyk(0%, 7%, 9%, 0%)
Oklch
oklch(95.9% 0.021 39.4)

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

#FFA19F

Peach Pink · LightSalmon · Cherry Blossom

HEX
#FFA19F
RGB
rgb(255, 161, 159)
HSL
hsl(1, 100%, 81%)
HSB
hsb(1, 38%, 100%)
CMYK
cmyk(0%, 37%, 38%, 0%)
Oklch
oklch(80.3% 0.112 21.2)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Blush Sunrise

#FF648E

Rouge · LightCoral · Rose Pink

HEX
#FF648E
RGB
rgb(255, 100, 142)
HSL
hsl(344, 100%, 70%)
HSB
hsb(344, 61%, 100%)
CMYK
cmyk(0%, 61%, 44%, 0%)
Oklch
oklch(71.1% 0.191 6.6)

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

#FF125B

Dark Violet · Crimson · Rose Pink

HEX
#FF125B
RGB
rgb(255, 18, 91)
HSL
hsl(342, 100%, 54%)
HSB
hsb(342, 93%, 100%)
CMYK
cmyk(0%, 93%, 64%, 0%)
Oklch
oklch(64.0% 0.251 14.3)

Traditional「Dark Violet」· Paint「Rose Pink」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

33A3BF
BD4E32

Analogous

32BD94
33A3BF
325CBD

Triadic

33A3BF
BD32A2
A2BD32

Split-Comp.

33A3BF
BD325C
BD9432

Tetradic

33A3BF
9432BD
BD4E32
5CBD32

Contrast Matrix WCAG 2.1 Contrast

33A3BF
FFEDE7
FFA19F
FF648E
FF125B
—
2.6
Fail
1.5
Fail
1.0
Fail
1.3
Fail
2.6
Fail
—
1.7
Fail
2.5
Fail
3.4
AA Large
1.5
Fail
1.7
Fail
—
1.5
Fail
2.0
Fail
1.0
Fail
2.5
Fail
1.5
Fail
—
1.4
Fail
1.3
Fail
3.4
AA Large
2.0
Fail
1.4
Fail
—
White BG
2.9Fail
1.1Fail
1.9Fail
2.8Fail
3.8AA Large
Black BG
7.1AAA
18.5AAA
10.9AAA
7.5AAA
5.5AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

6365B8
F7F7E8
D6D59F
BCBA84
989649

Deuteranopia

5D55B7
F8FAE9
DCE3A0
C5D181
A6B845

Tritanopia

39B3B2
FEEAEA
FAA0A0
F77C7A
F33B38

Achromatopsia

858585
F2F2F2
BDBDBD
979797
616161

Shades & Tints Shades & Tints

#33A3BF

Dark
Light

#FFEDE7

Dark
Light

#FFA19F

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #33a3bf;
  --color-2: #ffede7;
  --color-3: #ffa19f;
  --color-4: #ff648e;
  --color-5: #ff125b;
}

SCSS

$color-1: #33a3bf;
$color-2: #ffede7;
$color-3: #ffa19f;
$color-4: #ff648e;
$color-5: #ff125b;

TAILWIND

colors: {
  'brand-1': '#33a3bf',
  'brand-2': '#ffede7',
  'brand-3': '#ffa19f',
  'brand-4': '#ff648e',
  'brand-5': '#ff125b',
}

RGB Array

[51, 163, 191], [255, 237, 231], [255, 161, 159], [255, 100, 142], [255, 18, 91]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #33A3BF, #FFEDE7, #FFA19F, #FF648E, #FF125B is ideal for: social media posters, mobile apps, e-commerce promos, health products, baby brands, fresh-style blogs, 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: #33a3bf; --color-2: #ffede7; --color-3: #ffa19f; --color-4: #ff648e; --color-5: #ff125b. 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. 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