← Back to Editor

#50232E · #F77C3E · #FABA66 · #FCE185 · #A2CCA5

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

Color Details Color Details

#50232E

Crimson · DarkSlateGray · Wine Red

HEX
#50232E
RGB
rgb(80, 35, 46)
HSL
hsl(345, 39%, 23%)
HSB
hsb(345, 56%, 31%)
CMYK
cmyk(0%, 56%, 42%, 69%)
Oklch
oklch(32.3% 0.069 6.2)

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

#F77C3E

Apricot · Coral · Warm Sun

HEX
#F77C3E
RGB
rgb(247, 124, 62)
HSL
hsl(20, 92%, 61%)
HSB
hsb(20, 75%, 97%)
CMYK
cmyk(0%, 50%, 75%, 3%)
Oklch
oklch(71.8% 0.168 45.1)

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

#FABA66

Ginger · SandyBrown · Warm Sun

HEX
#FABA66
RGB
rgb(250, 186, 102)
HSL
hsl(34, 94%, 69%)
HSB
hsb(34, 59%, 98%)
CMYK
cmyk(0%, 26%, 59%, 2%)
Oklch
oklch(83.2% 0.125 72.1)

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

#FCE185

Goose Yellow · Khaki · Sunflower

HEX
#FCE185
RGB
rgb(252, 225, 133)
HSL
hsl(46, 95%, 75%)
HSB
hsb(46, 47%, 99%)
CMYK
cmyk(0%, 11%, 47%, 1%)
Oklch
oklch(91.3% 0.116 93.5)

Traditional「Goose Yellow」· Paint「Sunflower」· Creative Lemon Fizz

#A2CCA5

Celadon · DarkSeaGreen · Apple Green

HEX
#A2CCA5
RGB
rgb(162, 204, 165)
HSL
hsl(124, 29%, 72%)
HSB
hsb(124, 21%, 80%)
CMYK
cmyk(21%, 0%, 19%, 20%)
Oklch
oklch(80.5% 0.070 146.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

50232E
245246

Analogous

522446
50232E
522F24

Triadic

50232E
2F5224
242F52

Split-Comp.

50232E
24522F
244652

Tetradic

50232E
465224
245246
2F2452

Contrast Matrix WCAG 2.1 Contrast

50232E
F77C3E
FABA66
FCE185
A2CCA5
—
4.9
AA
7.6
AAA
10.0
AAA
7.2
AAA
4.9
AA
—
1.6
Fail
2.1
Fail
1.5
Fail
7.6
AAA
1.6
Fail
—
1.3
Fail
1.0
Fail
10.0
AAA
2.1
Fail
1.3
Fail
—
1.4
Fail
7.2
AAA
1.5
Fail
1.0
Fail
1.4
Fail
—
White BG
13.0AAA
2.7Fail
1.7Fail
1.3Fail
1.8Fail
Black BG
1.6Fail
7.9AAA
12.3AAA
16.2AAA
11.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

3D3C2B
C2C14D
DEDE7A
F0F09B
B4B5AE

Deuteranopia

3F432B
C9D251
E2E77F
F2F4A1
B2AFB1

Tritanopia

4E2929
F1595B
F78A8E
FBADB1
A4B6B8

Achromatopsia

323232
9A9A9A
C4C4C4
DFDFDF
BBBBBB

Shades & Tints Shades & Tints

#50232E

Dark
Light

#F77C3E

Dark
Light

#FABA66

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #50232e;
  --color-2: #f77c3e;
  --color-3: #faba66;
  --color-4: #fce185;
  --color-5: #a2cca5;
}

SCSS

$color-1: #50232e;
$color-2: #f77c3e;
$color-3: #faba66;
$color-4: #fce185;
$color-5: #a2cca5;

TAILWIND

colors: {
  'brand-1': '#50232e',
  'brand-2': '#f77c3e',
  'brand-3': '#faba66',
  'brand-4': '#fce185',
  'brand-5': '#a2cca5',
}

RGB Array

[80, 35, 46], [247, 124, 62], [250, 186, 102], [252, 225, 133], [162, 204, 165]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #50232E, #F77C3E, #FABA66, #FCE185, #A2CCA5 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: #50232e; --color-2: #f77c3e; --color-3: #faba66; --color-4: #fce185; --color-5: #a2cca5. 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