← Back to Editor

#BDE5E0 · #55FDED · #75ECC9 · #95DAA4 · #262F36

sea

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#BDE5E0

Jade · LightBlue · Glacier Blue

HEX
#BDE5E0
RGB
rgb(189, 229, 224)
HSL
hsl(173, 43%, 82%)
HSB
hsb(173, 17%, 90%)
CMYK
cmyk(17%, 0%, 2%, 10%)
Oklch
oklch(89.2% 0.042 187.2)

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

#55FDED

Jade · Turquoise · Lake Green

HEX
#55FDED
RGB
rgb(85, 253, 237)
HSL
hsl(174, 98%, 66%)
HSB
hsb(174, 66%, 99%)
CMYK
cmyk(66%, 0%, 6%, 1%)
Oklch
oklch(90.5% 0.138 185.9)

Traditional「Jade」· Paint「Lake Green」· Creative Arctic Pool

#75ECC9

Jade · MediumAquaMarine · Lake Green

HEX
#75ECC9
RGB
rgb(117, 236, 201)
HSL
hsl(162, 76%, 69%)
HSB
hsb(162, 50%, 93%)
CMYK
cmyk(50%, 0%, 15%, 7%)
Oklch
oklch(86.4% 0.120 171.8)

Traditional「Jade」· Paint「Lake Green」· Creative Arctic Pool

#95DAA4

Celadon · LightGreen · Apple Green

HEX
#95DAA4
RGB
rgb(149, 218, 164)
HSL
hsl(133, 48%, 72%)
HSB
hsb(133, 32%, 85%)
CMYK
cmyk(32%, 0%, 25%, 15%)
Oklch
oklch(82.8% 0.103 150.5)

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

#262F36

Slate Blue · DarkSlateGray · Deep Sea Blue

HEX
#262F36
RGB
rgb(38, 47, 54)
HSL
hsl(206, 17%, 18%)
HSB
hsb(206, 30%, 21%)
CMYK
cmyk(30%, 13%, 0%, 79%)
Oklch
oklch(30.0% 0.018 241.6)

Traditional「Slate Blue」· Paint「Deep Sea Blue」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

BDE5E0
E5BDC2

Analogous

BDE5CC
BDE5E0
BDD6E5

Triadic

BDE5E0
E0BDE5
E5E0BD

Split-Comp.

BDE5E0
E5BDD6
E5CCBD

Tetradic

BDE5E0
CCBDE5
E5BDC2
D6E5BD

Contrast Matrix WCAG 2.1 Contrast

BDE5E0
55FDED
75ECC9
95DAA4
262F36
—
1.1
Fail
1.1
Fail
1.2
Fail
10.0
AAA
1.1
Fail
—
1.1
Fail
1.3
Fail
10.8
AAA
1.1
Fail
1.1
Fail
—
1.1
Fail
9.5
AAA
1.2
Fail
1.3
Fail
1.1
Fail
—
8.3
AAA
10.0
AAA
10.8
AAA
9.5
AAA
8.3
AAA
—
White BG
1.4Fail
1.3Fail
1.4Fail
1.6Fail
13.6AAA
Black BG
15.4AAA
16.7AAA
14.6AAA
12.8AAA
1.5Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

CECFE1
9E9FF1
A9AAD1
B3B3B1
2A2A34

Deuteranopia

CCC9E2
9487F2
A299D4
AFAAB4
292934

Tritanopia

BFE2E2
5DF4F5
7BD8DA
98BBBE
263333

Achromatopsia

D8D8D8
C9C9C9
C4C4C4
BFBFBF
2D2D2D

Shades & Tints Shades & Tints

#BDE5E0

Dark
Light

#55FDED

Dark
Light

#75ECC9

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #bde5e0;
  --color-2: #55fded;
  --color-3: #75ecc9;
  --color-4: #95daa4;
  --color-5: #262f36;
}

SCSS

$color-1: #bde5e0;
$color-2: #55fded;
$color-3: #75ecc9;
$color-4: #95daa4;
$color-5: #262f36;

TAILWIND

colors: {
  'brand-1': '#bde5e0',
  'brand-2': '#55fded',
  'brand-3': '#75ecc9',
  'brand-4': '#95daa4',
  'brand-5': '#262f36',
}

RGB Array

[189, 229, 224], [85, 253, 237], [117, 236, 201], [149, 218, 164], [38, 47, 54]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #BDE5E0, #55FDED, #75ECC9, #95DAA4, #262F36 is ideal for: infographics, data visualization, accessible design. High contrast ensures clear visual hierarchy and readability. It is a balanced and harmonious choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #bde5e0; --color-2: #55fded; --color-3: #75ecc9; --color-4: #95daa4; --color-5: #262f36. 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 tech, SaaS, healthcare, eco industries. 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