← Back to Editor

#F1E04A · #F99B53 · #FA7B58 · #AE7063 · #826056

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

#F1E04A

Fresh Green · SandyBrown · Sunflower

HEX
#F1E04A
RGB
rgb(241, 224, 74)
HSL
hsl(54, 86%, 62%)
HSB
hsb(54, 69%, 95%)
CMYK
cmyk(0%, 7%, 69%, 5%)
Oklch
oklch(89.5% 0.164 102.7)

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

#F99B53

Apricot · SandyBrown · Warm Sun

HEX
#F99B53
RGB
rgb(249, 155, 83)
HSL
hsl(26, 93%, 65%)
HSB
hsb(26, 67%, 98%)
CMYK
cmyk(0%, 38%, 67%, 2%)
Oklch
oklch(77.3% 0.142 56.0)

Traditional「Apricot」· Paint「Warm Sun」· Creative Honey Glow

#FA7B58

Peach Pink · Coral · Coral Red

HEX
#FA7B58
RGB
rgb(250, 123, 88)
HSL
hsl(13, 94%, 66%)
HSB
hsb(13, 65%, 98%)
CMYK
cmyk(0%, 51%, 65%, 2%)
Oklch
oklch(72.3% 0.164 36.3)

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

#AE7063

Crimson · Gray · Passion Red

HEX
#AE7063
RGB
rgb(174, 112, 99)
HSL
hsl(10, 32%, 54%)
HSB
hsb(10, 43%, 68%)
CMYK
cmyk(0%, 36%, 43%, 32%)
Oklch
oklch(60.8% 0.082 32.4)

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

#826056

Crimson · DimGray · Passion Red

HEX
#826056
RGB
rgb(130, 96, 86)
HSL
hsl(14, 20%, 42%)
HSB
hsb(14, 34%, 51%)
CMYK
cmyk(0%, 26%, 34%, 49%)
Oklch
oklch(52.1% 0.047 37.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F1E04A
4B5BF1

Analogous

F18D4B
F1E04A
AFF14B

Triadic

F1E04A
4BF1E1
E14BF1

Split-Comp.

F1E04A
4BAFF1
8D4BF1

Tetradic

F1E04A
4BF18D
4B5BF1
F14BAF

Contrast Matrix WCAG 2.1 Contrast

F1E04A
F99B53
FA7B58
AE7063
826056
—
1.6
Fail
1.9
Fail
2.9
Fail
4.1
AA Large
1.6
Fail
—
1.2
Fail
1.9
Fail
2.6
Fail
1.9
Fail
1.2
Fail
—
1.5
Fail
2.1
Fail
2.9
Fail
1.9
Fail
1.5
Fail
—
1.4
Fail
4.1
AA Large
2.6
Fail
2.1
Fail
1.4
Fail
—
White BG
1.4Fail
2.1Fail
2.6Fail
4.0AA Large
5.6AA
Black BG
15.5AAA
9.8AAA
8.0AAA
5.3AA
3.8AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

EAE96E
D0CF64
C3C260
939366
737358

Deuteranopia

EBEC77
D6DD69
CAD463
979B67
757859

Tritanopia

F08B91
F47275
F46769
AB6969
805A5B

Achromatopsia

D4D4D4
AFAFAF
9D9D9D
818181
696969

Shades & Tints Shades & Tints

#F1E04A

Dark
Light

#F99B53

Dark
Light

#FA7B58

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f1e04a;
  --color-2: #f99b53;
  --color-3: #fa7b58;
  --color-4: #ae7063;
  --color-5: #826056;
}

SCSS

$color-1: #f1e04a;
$color-2: #f99b53;
$color-3: #fa7b58;
$color-4: #ae7063;
$color-5: #826056;

TAILWIND

colors: {
  'brand-1': '#f1e04a',
  'brand-2': '#f99b53',
  'brand-3': '#fa7b58',
  'brand-4': '#ae7063',
  'brand-5': '#826056',
}

RGB Array

[241, 224, 74], [249, 155, 83], [250, 123, 88], [174, 112, 99], [130, 96, 86]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #F1E04A, #F99B53, #FA7B58, #AE7063, #826056 is ideal for: social media posters, mobile apps, e-commerce promos. 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: #f1e04a; --color-2: #f99b53; --color-3: #fa7b58; --color-4: #ae7063; --color-5: #826056. 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. 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