← Back to Editor

#EFBA5C · #E6DBBF · #C4CCA7 · #4F968E · #3D8584

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

#EFBA5C

Ginger · SandyBrown · Warm Sun

HEX
#EFBA5C
RGB
rgb(239, 186, 92)
HSL
hsl(38, 82%, 65%)
HSB
hsb(38, 62%, 94%)
CMYK
cmyk(0%, 22%, 62%, 6%)
Oklch
oklch(81.9% 0.127 79.7)

Traditional「Ginger」· Paint「Warm Sun」· Creative Honey Glow

#E6DBBF

Goose Yellow · Wheat · Lemon Cream

HEX
#E6DBBF
RGB
rgb(230, 219, 191)
HSL
hsl(43, 44%, 83%)
HSB
hsb(43, 17%, 90%)
CMYK
cmyk(0%, 5%, 17%, 10%)
Oklch
oklch(89.3% 0.039 89.1)

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

#C4CCA7

Willow Green · Silver · Apple Green

HEX
#C4CCA7
RGB
rgb(196, 204, 167)
HSL
hsl(73, 27%, 73%)
HSB
hsb(73, 18%, 80%)
CMYK
cmyk(4%, 0%, 18%, 20%)
Oklch
oklch(82.9% 0.051 117.4)

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

#4F968E

Mineral Blue · CadetBlue · Mint Ice

HEX
#4F968E
RGB
rgb(79, 150, 142)
HSL
hsl(173, 31%, 45%)
HSB
hsb(173, 47%, 59%)
CMYK
cmyk(47%, 0%, 5%, 41%)
Oklch
oklch(62.5% 0.073 186.0)

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

#3D8584

Mineral Blue · SeaGreen · Mint Ice

HEX
#3D8584
RGB
rgb(61, 133, 132)
HSL
hsl(179, 37%, 38%)
HSB
hsb(179, 54%, 52%)
CMYK
cmyk(54%, 0%, 1%, 48%)
Oklch
oklch(57.1% 0.072 194.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EFBA5C
5D92EF

Analogous

EF705D
EFBA5C
DBEF5D

Triadic

EFBA5C
5DEFB9
B95DEF

Split-Comp.

EFBA5C
5DDBEF
705DEF

Tetradic

EFBA5C
5DEF70
5D92EF
EF5DDB

Contrast Matrix WCAG 2.1 Contrast

EFBA5C
E6DBBF
C4CCA7
4F968E
3D8584
—
1.3
Fail
1.1
Fail
1.9
Fail
2.4
Fail
1.3
Fail
—
1.2
Fail
2.5
Fail
3.1
AA Large
1.1
Fail
1.2
Fail
—
2.1
Fail
2.6
Fail
1.9
Fail
2.5
Fail
2.1
Fail
—
1.2
Fail
2.4
Fail
3.1
AA Large
2.6
Fail
1.2
Fail
—
White BG
1.8Fail
1.4Fail
1.7Fail
3.5AA Large
4.3AA Large
Black BG
11.8AAA
15.2AAA
12.5AAA
6.1AA
4.9AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

D8D873
E1E1C6
C7C8B0
6E6E90
5C5D84

Deuteranopia

DBDF78
E2E3C7
C7C6B2
6A6490
585384

Tritanopia

EC8589
E5CBCC
C4B7B9
539192
418484

Achromatopsia

BFBFBF
DBDBDB
C5C5C5
808080
6F6F6F

Shades & Tints Shades & Tints

#EFBA5C

Dark
Light

#E6DBBF

Dark
Light

#C4CCA7

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #efba5c;
  --color-2: #e6dbbf;
  --color-3: #c4cca7;
  --color-4: #4f968e;
  --color-5: #3d8584;
}

SCSS

$color-1: #efba5c;
$color-2: #e6dbbf;
$color-3: #c4cca7;
$color-4: #4f968e;
$color-5: #3d8584;

TAILWIND

colors: {
  'brand-1': '#efba5c',
  'brand-2': '#e6dbbf',
  'brand-3': '#c4cca7',
  'brand-4': '#4f968e',
  'brand-5': '#3d8584',
}

RGB Array

[239, 186, 92], [230, 219, 191], [196, 204, 167], [79, 150, 142], [61, 133, 132]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #EFBA5C, #E6DBBF, #C4CCA7, #4F968E, #3D8584 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: #efba5c; --color-2: #e6dbbf; --color-3: #c4cca7; --color-4: #4f968e; --color-5: #3d8584. 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