← Back to Editor

#414342 · #44A68F · #8EA884 · #CFBD7A · #FBD46E

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

#414342

Dark Cyan · DarkSlateGray · Charcoal

HEX
#414342
RGB
rgb(65, 67, 66)
HSL
hsl(150, 2%, 26%)
HSB
hsb(150, 3%, 26%)
CMYK
cmyk(3%, 0%, 1%, 74%)
Oklch
oklch(38.1% 0.003 164.9)

Traditional「Dark Cyan」· Paint「Charcoal」· Creative Midnight Shadow

#44A68F

Mineral Blue · CadetBlue · Mint Ice

HEX
#44A68F
RGB
rgb(68, 166, 143)
HSL
hsl(166, 42%, 46%)
HSB
hsb(166, 59%, 65%)
CMYK
cmyk(59%, 0%, 14%, 35%)
Oklch
oklch(66.1% 0.098 175.1)

Traditional「Mineral Blue」· Paint「Mint Ice」· Creative Blush Sunrise

#8EA884

Celadon · DarkSeaGreen · Olive Green

HEX
#8EA884
RGB
rgb(142, 168, 132)
HSL
hsl(103, 17%, 59%)
HSB
hsb(103, 21%, 66%)
CMYK
cmyk(15%, 0%, 21%, 34%)
Oklch
oklch(70.2% 0.059 137.1)

Traditional「Celadon」· Paint「Olive Green」· Creative Blush Sunrise

#CFBD7A

Ginger · Tan · Sunflower

HEX
#CFBD7A
RGB
rgb(207, 189, 122)
HSL
hsl(47, 47%, 65%)
HSB
hsb(47, 41%, 81%)
CMYK
cmyk(0%, 9%, 41%, 19%)
Oklch
oklch(79.8% 0.089 94.9)

Traditional「Ginger」· Paint「Sunflower」· Creative Lemon Fizz

#FBD46E

Goose Yellow · Khaki · Sunflower

HEX
#FBD46E
RGB
rgb(251, 212, 110)
HSL
hsl(43, 95%, 71%)
HSB
hsb(43, 56%, 98%)
CMYK
cmyk(0%, 16%, 56%, 2%)
Oklch
oklch(88.3% 0.128 88.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

414342
444142

Analogous

414441
414342
414444

Triadic

414342
424144
444241

Split-Comp.

414342
444144
444141

Tetradic

414342
414144
444142
444441

Contrast Matrix WCAG 2.1 Contrast

414342
44A68F
8EA884
CFBD7A
FBD46E
—
3.4
AA Large
3.8
AA Large
5.3
AA
7.0
AAA
3.4
AA Large
—
1.1
Fail
1.6
Fail
2.1
Fail
3.8
AA Large
1.1
Fail
—
1.4
Fail
1.8
Fail
5.3
AA
1.6
Fail
1.4
Fail
—
1.3
Fail
7.0
AAA
2.1
Fail
1.8
Fail
1.3
Fail
—
White BG
10.0AAA
3.0Fail
2.6Fail
1.9Fail
1.4Fail
Black BG
2.1Fail
7.1AAA
8.1AAA
11.2AAA
14.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

424242
6E6F95
99998D
C7C78A
EAEA87

Deuteranopia

424242
696196
98968F
C8CA8E
ECEF8D

Tritanopia

414242
49999A
8F9495
CE979A
F99A9E

Achromatopsia

424242
868686
9C9C9C
BBBBBB
D4D4D4

Shades & Tints Shades & Tints

#414342

Dark
Light

#44A68F

Dark
Light

#8EA884

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #414342;
  --color-2: #44a68f;
  --color-3: #8ea884;
  --color-4: #cfbd7a;
  --color-5: #fbd46e;
}

SCSS

$color-1: #414342;
$color-2: #44a68f;
$color-3: #8ea884;
$color-4: #cfbd7a;
$color-5: #fbd46e;

TAILWIND

colors: {
  'brand-1': '#414342',
  'brand-2': '#44a68f',
  'brand-3': '#8ea884',
  'brand-4': '#cfbd7a',
  'brand-5': '#fbd46e',
}

RGB Array

[65, 67, 66], [68, 166, 143], [142, 168, 132], [207, 189, 122], [251, 212, 110]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #414342, #44A68F, #8EA884, #CFBD7A, #FBD46E 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: #414342; --color-2: #44a68f; --color-3: #8ea884; --color-4: #cfbd7a; --color-5: #fbd46e. 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