← Back to Editor

#8ABEFA · #E2FEFF · #FAF8AE · #FFB744 · #F98741

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

#8ABEFA

Azure · LightSkyBlue · Cobalt Blue

HEX
#8ABEFA
RGB
rgb(138, 190, 250)
HSL
hsl(212, 92%, 76%)
HSB
hsb(212, 45%, 98%)
CMYK
cmyk(45%, 24%, 0%, 2%)
Oklch
oklch(78.8% 0.102 252.6)

Traditional「Azure」· Paint「Cobalt Blue」· Creative Twilight Haze

#E2FEFF

Sky Blue · Lavender · Glacier Blue

HEX
#E2FEFF
RGB
rgb(226, 254, 255)
HSL
hsl(182, 100%, 94%)
HSB
hsb(182, 11%, 100%)
CMYK
cmyk(11%, 0%, 0%, 0%)
Oklch
oklch(97.7% 0.029 199.3)

Traditional「Sky Blue」· Paint「Glacier Blue」· Creative Arctic Pool

#FAF8AE

Fresh Green · Wheat · Lemon Cream

HEX
#FAF8AE
RGB
rgb(250, 248, 174)
HSL
hsl(58, 88%, 83%)
HSB
hsb(58, 30%, 98%)
CMYK
cmyk(0%, 1%, 30%, 2%)
Oklch
oklch(96.4% 0.093 106.7)

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

#FFB744

Ginger · SandyBrown · Warm Sun

HEX
#FFB744
RGB
rgb(255, 183, 68)
HSL
hsl(37, 100%, 63%)
HSB
hsb(37, 73%, 100%)
CMYK
cmyk(0%, 28%, 73%, 0%)
Oklch
oklch(82.8% 0.150 75.1)

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

#F98741

Apricot · Coral · Warm Sun

HEX
#F98741
RGB
rgb(249, 135, 65)
HSL
hsl(23, 94%, 62%)
HSB
hsb(23, 74%, 98%)
CMYK
cmyk(0%, 46%, 74%, 2%)
Oklch
oklch(73.8% 0.161 49.4)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

8ABEFA
FAC689

Analogous

89F6FA
8ABEFA
8D89FA

Triadic

8ABEFA
FA89BE
BEFA89

Split-Comp.

8ABEFA
FA8D89
F6FA89

Tetradic

8ABEFA
FA89F6
FAC689
89FA8D

Contrast Matrix WCAG 2.1 Contrast

8ABEFA
E2FEFF
FAF8AE
FFB744
F98741
—
1.8
Fail
1.8
Fail
1.1
Fail
1.3
Fail
1.8
Fail
—
1.0
Fail
1.6
Fail
2.3
Fail
1.8
Fail
1.0
Fail
—
1.6
Fail
2.2
Fail
1.1
Fail
1.6
Fail
1.6
Fail
—
1.4
Fail
1.3
Fail
2.3
Fail
2.2
Fail
1.4
Fail
—
White BG
1.9Fail
1.1Fail
1.1Fail
1.7Fail
2.5Fail
Black BG
10.8AAA
19.9AAA
19.1AAA
12.1AAA
8.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

A1A1EB
EEEEFF
F9F9C0
E0DF60
C8C752

Deuteranopia

9E9AE8
EDEAFF
F9F9C4
E4E967
CED756

Tritanopia

8DE0DE
E3FFFF
FACED1
FB767B
F35F62

Achromatopsia

B5B5B5
F6F6F6
F0F0F0
BFBFBF
A1A1A1

Shades & Tints Shades & Tints

#8ABEFA

Dark
Light

#E2FEFF

Dark
Light

#FAF8AE

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #8abefa;
  --color-2: #e2feff;
  --color-3: #faf8ae;
  --color-4: #ffb744;
  --color-5: #f98741;
}

SCSS

$color-1: #8abefa;
$color-2: #e2feff;
$color-3: #faf8ae;
$color-4: #ffb744;
$color-5: #f98741;

TAILWIND

colors: {
  'brand-1': '#8abefa',
  'brand-2': '#e2feff',
  'brand-3': '#faf8ae',
  'brand-4': '#ffb744',
  'brand-5': '#f98741',
}

RGB Array

[138, 190, 250], [226, 254, 255], [250, 248, 174], [255, 183, 68], [249, 135, 65]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #8ABEFA, #E2FEFF, #FAF8AE, #FFB744, #F98741 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: #8abefa; --color-2: #e2feff; --color-3: #faf8ae; --color-4: #ffb744; --color-5: #f98741. 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