← Back to Editor

#53CBDC · #2F242C · #D2EBAA · #F9EBAE · #E0F0CA

sea

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#53CBDC

Lake Blue · MediumTurquoise · Lake Green

HEX
#53CBDC
RGB
rgb(83, 203, 220)
HSL
hsl(187, 66%, 59%)
HSB
hsb(187, 62%, 86%)
CMYK
cmyk(62%, 8%, 0%, 14%)
Oklch
oklch(78.1% 0.108 208.1)

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

#2F242C

Rose Purple · DarkSlateGray · Dark Purple

HEX
#2F242C
RGB
rgb(47, 36, 44)
HSL
hsl(316, 13%, 16%)
HSB
hsb(316, 23%, 18%)
CMYK
cmyk(0%, 23%, 6%, 82%)
Oklch
oklch(27.6% 0.022 336.1)

Traditional「Rose Purple」· Paint「Dark Purple」· Creative Blush Sunrise

#D2EBAA

Willow Green · Wheat · Apple Green

HEX
#D2EBAA
RGB
rgb(210, 235, 170)
HSL
hsl(83, 62%, 79%)
HSB
hsb(83, 28%, 92%)
CMYK
cmyk(11%, 0%, 28%, 8%)
Oklch
oklch(90.6% 0.089 125.2)

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

#F9EBAE

Goose Yellow · Wheat · Lemon Cream

HEX
#F9EBAE
RGB
rgb(249, 235, 174)
HSL
hsl(49, 86%, 83%)
HSB
hsb(49, 30%, 98%)
CMYK
cmyk(0%, 6%, 30%, 2%)
Oklch
oklch(93.7% 0.079 96.7)

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

#E0F0CA

Willow Green · Beige · Mint Green

HEX
#E0F0CA
RGB
rgb(224, 240, 202)
HSL
hsl(85, 56%, 87%)
HSB
hsb(85, 16%, 94%)
CMYK
cmyk(7%, 0%, 16%, 6%)
Oklch
oklch(93.3% 0.053 126.0)

Traditional「Willow Green」· Paint「Mint Green」· Creative Mint Breeze

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

53CBDC
DB6251

Analogous

51DBA7
53CBDC
5186DB

Triadic

53CBDC
DB51CB
CBDB51

Split-Comp.

53CBDC
DB5186
DBA751

Tetradic

53CBDC
A751DB
DB6251
86DB51

Contrast Matrix WCAG 2.1 Contrast

53CBDC
2F242C
D2EBAA
F9EBAE
E0F0CA
—
7.8
AAA
1.5
Fail
1.6
Fail
1.6
Fail
7.8
AAA
—
11.5
AAA
12.4
AAA
12.4
AAA
1.5
Fail
11.5
AAA
—
1.1
Fail
1.1
Fail
1.6
Fail
12.4
AAA
1.1
Fail
—
1.0
Fail
1.6
Fail
12.4
AAA
1.1
Fail
1.0
Fail
—
White BG
1.9Fail
14.9AAA
1.3Fail
1.2Fail
1.2Fail
Black BG
10.9AAA
1.4Fail
16.2AAA
17.5AAA
17.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

8788D8
2A2A2A
DDDDBA
F3F3BD
E7E7D3

Deuteranopia

8077D7
2B2C2A
DBDABE
F4F5C0
E6E5D5

Tritanopia

59D5D4
2E2928
D3C6C9
F8C8CB
E1DADC

Achromatopsia

A9A9A9
282828
DCDCDC
E8E8E8
E7E7E7

Shades & Tints Shades & Tints

#53CBDC

Dark
Light

#2F242C

Dark
Light

#D2EBAA

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #53cbdc;
  --color-2: #2f242c;
  --color-3: #d2ebaa;
  --color-4: #f9ebae;
  --color-5: #e0f0ca;
}

SCSS

$color-1: #53cbdc;
$color-2: #2f242c;
$color-3: #d2ebaa;
$color-4: #f9ebae;
$color-5: #e0f0ca;

TAILWIND

colors: {
  'brand-1': '#53cbdc',
  'brand-2': '#2f242c',
  'brand-3': '#d2ebaa',
  'brand-4': '#f9ebae',
  'brand-5': '#e0f0ca',
}

RGB Array

[83, 203, 220], [47, 36, 44], [210, 235, 170], [249, 235, 174], [224, 240, 202]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #53CBDC, #2F242C, #D2EBAA, #F9EBAE, #E0F0CA 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: #53cbdc; --color-2: #2f242c; --color-3: #d2ebaa; --color-4: #f9ebae; --color-5: #e0f0ca. 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