← Back to Editor

#4AA1CA · #8DC6E0 · #FFE47A · #FFBE92 · #FF8C88

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

#4AA1CA

Lake Blue · SteelBlue · Lake Green

HEX
#4AA1CA
RGB
rgb(74, 161, 202)
HSL
hsl(199, 55%, 54%)
HSB
hsb(199, 63%, 79%)
CMYK
cmyk(63%, 20%, 0%, 21%)
Oklch
oklch(67.2% 0.103 231.5)

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

#8DC6E0

Sky Blue · SkyBlue · Lake Green

HEX
#8DC6E0
RGB
rgb(141, 198, 224)
HSL
hsl(199, 57%, 72%)
HSB
hsb(199, 37%, 88%)
CMYK
cmyk(37%, 12%, 0%, 12%)
Oklch
oklch(79.6% 0.069 228.0)

Traditional「Sky Blue」· Paint「Lake Green」· Creative Arctic Pool

#FFE47A

Goose Yellow · Khaki · Sunflower

HEX
#FFE47A
RGB
rgb(255, 228, 122)
HSL
hsl(48, 100%, 74%)
HSB
hsb(48, 52%, 100%)
CMYK
cmyk(0%, 11%, 52%, 0%)
Oklch
oklch(92.0% 0.129 95.4)

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

#FFBE92

Apricot · BurlyWood · Peach Orange

HEX
#FFBE92
RGB
rgb(255, 190, 146)
HSL
hsl(24, 100%, 79%)
HSB
hsb(24, 43%, 100%)
CMYK
cmyk(0%, 25%, 43%, 0%)
Oklch
oklch(85.1% 0.095 55.2)

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

#FF8C88

Peach Pink · LightCoral · Coral Red

HEX
#FF8C88
RGB
rgb(255, 140, 136)
HSL
hsl(2, 100%, 77%)
HSB
hsb(2, 47%, 100%)
CMYK
cmyk(0%, 45%, 47%, 0%)
Oklch
oklch(76.4% 0.140 23.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

4AA1CA
CA7249

Analogous

49CAB3
4AA1CA
4961CA

Triadic

4AA1CA
CA49A1
A1CA49

Split-Comp.

4AA1CA
CA4961
CAB349

Tetradic

4AA1CA
B349CA
CA7249
61CA49

Contrast Matrix WCAG 2.1 Contrast

4AA1CA
8DC6E0
FFE47A
FFBE92
FF8C88
—
1.6
Fail
2.3
Fail
1.8
Fail
1.3
Fail
1.6
Fail
—
1.5
Fail
1.2
Fail
1.2
Fail
2.3
Fail
1.5
Fail
—
1.3
Fail
1.8
Fail
1.8
Fail
1.2
Fail
1.3
Fail
—
1.4
Fail
1.3
Fail
1.2
Fail
1.8
Fail
1.4
Fail
—
White BG
2.9Fail
1.9Fail
1.3Fail
1.6Fail
2.2Fail
Black BG
7.2AAA
11.3AAA
16.6AAA
13.0AAA
9.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

7070C0
A6A6DA
F3F394
E3E29D
CDCC89

Deuteranopia

6B64BE
A29ED8
F5F79A
E7EC9F
D4DD89

Tritanopia

4EB8B7
90D5D4
FEA8AC
FCA5A7
F98A8A

Achromatopsia

8C8C8C
B8B8B8
E0E0E0
CCCCCC
AEAEAE

Shades & Tints Shades & Tints

#4AA1CA

Dark
Light

#8DC6E0

Dark
Light

#FFE47A

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #4aa1ca;
  --color-2: #8dc6e0;
  --color-3: #ffe47a;
  --color-4: #ffbe92;
  --color-5: #ff8c88;
}

SCSS

$color-1: #4aa1ca;
$color-2: #8dc6e0;
$color-3: #ffe47a;
$color-4: #ffbe92;
$color-5: #ff8c88;

TAILWIND

colors: {
  'brand-1': '#4aa1ca',
  'brand-2': '#8dc6e0',
  'brand-3': '#ffe47a',
  'brand-4': '#ffbe92',
  'brand-5': '#ff8c88',
}

RGB Array

[74, 161, 202], [141, 198, 224], [255, 228, 122], [255, 190, 146], [255, 140, 136]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #4AA1CA, #8DC6E0, #FFE47A, #FFBE92, #FF8C88 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: #4aa1ca; --color-2: #8dc6e0; --color-3: #ffe47a; --color-4: #ffbe92; --color-5: #ff8c88. 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