← Back to Editor

#B7CDCB · #ACD4DE · #87D2E5 · #49D2F4 · #26C3F6

sea

A 5-color sea palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicCool

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial App

Color Details Color Details

#B7CDCB

Jade · Silver · Glacier Blue

HEX
#B7CDCB
RGB
rgb(183, 205, 203)
HSL
hsl(175, 18%, 76%)
HSB
hsb(175, 11%, 80%)
CMYK
cmyk(11%, 0%, 1%, 20%)
Oklch
oklch(83.1% 0.024 190.1)

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

#ACD4DE

Sky Blue · LightBlue · Glacier Blue

HEX
#ACD4DE
RGB
rgb(172, 212, 222)
HSL
hsl(192, 43%, 77%)
HSB
hsb(192, 23%, 87%)
CMYK
cmyk(23%, 5%, 0%, 13%)
Oklch
oklch(84.4% 0.044 214.6)

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

#87D2E5

Sky Blue · SkyBlue · Lake Green

HEX
#87D2E5
RGB
rgb(135, 210, 229)
HSL
hsl(192, 64%, 71%)
HSB
hsb(192, 41%, 90%)
CMYK
cmyk(41%, 8%, 0%, 10%)
Oklch
oklch(82.1% 0.079 215.6)

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

#49D2F4

Sky Blue · Turquoise · Lake Green

HEX
#49D2F4
RGB
rgb(73, 210, 244)
HSL
hsl(192, 89%, 62%)
HSB
hsb(192, 70%, 96%)
CMYK
cmyk(70%, 14%, 0%, 4%)
Oklch
oklch(80.4% 0.124 217.9)

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

#26C3F6

Lake Blue · DeepSkyBlue · Lake Green

HEX
#26C3F6
RGB
rgb(38, 195, 246)
HSL
hsl(195, 92%, 56%)
HSB
hsb(195, 85%, 96%)
CMYK
cmyk(85%, 21%, 0%, 4%)
Oklch
oklch(76.3% 0.140 226.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

B7CDCB
CDB7B9

Analogous

B7CDC0
B7CDCB
B7C4CD

Triadic

B7CDCB
CBB7CD
CDCBB7

Split-Comp.

B7CDCB
CDB7C4
CDC0B7

Tetradic

B7CDCB
C0B7CD
CDB7B9
C4CDB7

Contrast Matrix WCAG 2.1 Contrast

B7CDCB
ACD4DE
87D2E5
49D2F4
26C3F6
—
1.0
Fail
1.0
Fail
1.1
Fail
1.2
Fail
1.0
Fail
—
1.1
Fail
1.1
Fail
1.3
Fail
1.0
Fail
1.1
Fail
—
1.0
Fail
1.2
Fail
1.1
Fail
1.1
Fail
1.0
Fail
—
1.2
Fail
1.2
Fail
1.3
Fail
1.2
Fail
1.2
Fail
—
White BG
1.7Fail
1.6Fail
1.7Fail
1.8Fail
2.1Fail
Black BG
12.6AAA
13.2AAA
12.4AAA
11.8AAA
10.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

C1C1CB
BDBEDC
A7A8E0
8486EC
6A6BEA

Deuteranopia

BFBECC
BBB8DB
A39EDF
7C72EA
6155E7

Tritanopia

B8CCCC
AEDAD9
8BDDDC
50E5E4
2EE0DE

Achromatopsia

C6C6C6
C9C9C9
BEBEBE
ADADAD
9A9A9A

Shades & Tints Shades & Tints

#B7CDCB

Dark
Light

#ACD4DE

Dark
Light

#87D2E5

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #b7cdcb;
  --color-2: #acd4de;
  --color-3: #87d2e5;
  --color-4: #49d2f4;
  --color-5: #26c3f6;
}

SCSS

$color-1: #b7cdcb;
$color-2: #acd4de;
$color-3: #87d2e5;
$color-4: #49d2f4;
$color-5: #26c3f6;

TAILWIND

colors: {
  'brand-1': '#b7cdcb',
  'brand-2': '#acd4de',
  'brand-3': '#87d2e5',
  'brand-4': '#49d2f4',
  'brand-5': '#26c3f6',
}

RGB Array

[183, 205, 203], [172, 212, 222], [135, 210, 229], [73, 210, 244], [38, 195, 246]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #B7CDCB, #ACD4DE, #87D2E5, #49D2F4, #26C3F6 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: #b7cdcb; --color-2: #acd4de; --color-3: #87d2e5; --color-4: #49d2f4; --color-5: #26c3f6. 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