← Back to Editor

#C5BC6D · #E1E7AB · #F0EFDD · #82B4B1 · #114552

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

#C5BC6D

Autumn Sage · Tan · Sunflower

HEX
#C5BC6D
RGB
rgb(197, 188, 109)
HSL
hsl(54, 43%, 60%)
HSB
hsb(54, 45%, 77%)
CMYK
cmyk(0%, 5%, 45%, 23%)
Oklch
oklch(78.5% 0.101 102.7)

Traditional「Autumn Sage」· Paint「Sunflower」· Creative Blush Sunrise

#E1E7AB

Fresh Green · Wheat · Lemon Cream

HEX
#E1E7AB
RGB
rgb(225, 231, 171)
HSL
hsl(66, 56%, 79%)
HSB
hsb(66, 26%, 91%)
CMYK
cmyk(3%, 0%, 26%, 9%)
Oklch
oklch(90.9% 0.078 112.6)

Traditional「Fresh Green」· Paint「Lemon Cream」· Creative Lemon Fizz

#F0EFDD

Fresh Green · Beige · Lemon Cream

HEX
#F0EFDD
RGB
rgb(240, 239, 221)
HSL
hsl(57, 39%, 90%)
HSB
hsb(57, 8%, 94%)
CMYK
cmyk(0%, 0%, 8%, 6%)
Oklch
oklch(94.8% 0.024 104.3)

Traditional「Fresh Green」· Paint「Lemon Cream」· Creative Lemon Fizz

#82B4B1

Jade · DarkSeaGreen · Lake Green

HEX
#82B4B1
RGB
rgb(130, 180, 177)
HSL
hsl(176, 25%, 61%)
HSB
hsb(176, 28%, 71%)
CMYK
cmyk(28%, 0%, 2%, 29%)
Oklch
oklch(73.4% 0.053 191.4)

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

#114552

Lake Blue · DarkSlateGray · Peacock Green

HEX
#114552
RGB
rgb(17, 69, 82)
HSL
hsl(192, 66%, 19%)
HSB
hsb(192, 79%, 32%)
CMYK
cmyk(79%, 16%, 0%, 68%)
Oklch
oklch(36.3% 0.057 218.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C5BC6D
6D76C5

Analogous

C5906D
C5BC6D
A2C56D

Triadic

C5BC6D
6DC5BC
BC6DC5

Split-Comp.

C5BC6D
6DA2C5
906DC5

Tetradic

C5BC6D
6DC590
6D76C5
C56DA2

Contrast Matrix WCAG 2.1 Contrast

C5BC6D
E1E7AB
F0EFDD
82B4B1
114552
—
1.5
Fail
1.7
Fail
1.2
Fail
5.4
AA
1.5
Fail
—
1.1
Fail
1.8
Fail
8.1
AAA
1.7
Fail
1.1
Fail
—
2.0
Fail
9.1
AAA
1.2
Fail
1.8
Fail
2.0
Fail
—
4.6
AA
5.4
AA
8.1
AAA
9.1
AAA
4.6
AA
—
White BG
1.9Fail
1.3Fail
1.2Fail
2.3Fail
10.5AAA
Black BG
10.8AAA
16.2AAA
18.1AAA
9.1AAA
2.0Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

C1C180
E4E4BA
F0F0E1
9898B2
28284F

Deuteranopia

C2C285
E3E3BD
F0F0E2
9591B2
25214E

Tritanopia

C58F93
E1C5C8
F0E5E6
85B2B2
144C4C

Achromatopsia

B6B6B6
DEDEDE
EDEDED
A5A5A5
373737

Shades & Tints Shades & Tints

#C5BC6D

Dark
Light

#E1E7AB

Dark
Light

#F0EFDD

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c5bc6d;
  --color-2: #e1e7ab;
  --color-3: #f0efdd;
  --color-4: #82b4b1;
  --color-5: #114552;
}

SCSS

$color-1: #c5bc6d;
$color-2: #e1e7ab;
$color-3: #f0efdd;
$color-4: #82b4b1;
$color-5: #114552;

TAILWIND

colors: {
  'brand-1': '#c5bc6d',
  'brand-2': '#e1e7ab',
  'brand-3': '#f0efdd',
  'brand-4': '#82b4b1',
  'brand-5': '#114552',
}

RGB Array

[197, 188, 109], [225, 231, 171], [240, 239, 221], [130, 180, 177], [17, 69, 82]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #C5BC6D, #E1E7AB, #F0EFDD, #82B4B1, #114552 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: #c5bc6d; --color-2: #e1e7ab; --color-3: #f0efdd; --color-4: #82b4b1; --color-5: #114552. 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