← Back to Editor

#C3D461 · #52452A · #FFF877 · #7AD6AB · #42A698

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

#C3D461

Fresh Green · BurlyWood · Sunflower

HEX
#C3D461
RGB
rgb(195, 212, 97)
HSL
hsl(69, 57%, 61%)
HSB
hsb(69, 54%, 83%)
CMYK
cmyk(8%, 0%, 54%, 17%)
Oklch
oklch(83.4% 0.141 116.6)

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

#52452A

Ochre · DarkOliveGreen · Amber Gold

HEX
#52452A
RGB
rgb(82, 69, 42)
HSL
hsl(40, 32%, 24%)
HSB
hsb(40, 49%, 32%)
CMYK
cmyk(0%, 16%, 49%, 68%)
Oklch
oklch(39.7% 0.045 84.8)

Traditional「Ochre」· Paint「Amber Gold」· Creative Blush Sunrise

#FFF877

Fresh Green · Khaki · Sunflower

HEX
#FFF877
RGB
rgb(255, 248, 119)
HSL
hsl(57, 100%, 73%)
HSB
hsb(57, 53%, 100%)
CMYK
cmyk(0%, 3%, 53%, 0%)
Oklch
oklch(96.0% 0.150 106.1)

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

#7AD6AB

Jade · MediumAquaMarine · Apple Green

HEX
#7AD6AB
RGB
rgb(122, 214, 171)
HSL
hsl(152, 53%, 66%)
HSB
hsb(152, 43%, 84%)
CMYK
cmyk(43%, 0%, 20%, 16%)
Oklch
oklch(80.7% 0.108 162.4)

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

#42A698

Mineral Blue · CadetBlue · Mint Ice

HEX
#42A698
RGB
rgb(66, 166, 152)
HSL
hsl(172, 43%, 45%)
HSB
hsb(172, 60%, 65%)
CMYK
cmyk(60%, 0%, 8%, 35%)
Oklch
oklch(66.3% 0.095 182.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C3D461
7463D4

Analogous

D4AD63
C3D461
8BD463

Triadic

C3D461
63C3D4
D463C3

Split-Comp.

C3D461
638BD4
AD63D4

Tetradic

C3D461
63D4AD
7463D4
D4638B

Contrast Matrix WCAG 2.1 Contrast

C3D461
52452A
FFF877
7AD6AB
42A698
—
5.8
AA
1.5
Fail
1.1
Fail
1.8
Fail
5.8
AA
—
8.4
AAA
5.4
AA
3.2
AA Large
1.5
Fail
8.4
AAA
—
1.6
Fail
2.7
Fail
1.1
Fail
5.4
AA
1.6
Fail
—
1.7
Fail
1.8
Fail
3.2
AA Large
2.7
Fail
1.7
Fail
—
White BG
1.6Fail
9.4AAA
1.1Fail
1.7Fail
2.9Fail
Black BG
12.9AAA
2.2Fail
18.9AAA
12.0AAA
7.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

CACB7D
4C4C31
FCFC96
A2A3B5
6D6E9B

Deuteranopia

C9C884
4D4E32
FCFD9E
9D96B8
68609C

Tritanopia

C49398
513637
FFAFB4
7FBEBF
479E9F

Achromatopsia

C2C2C2
464646
EBEBEB
B6B6B6
878787

Shades & Tints Shades & Tints

#C3D461

Dark
Light

#52452A

Dark
Light

#FFF877

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c3d461;
  --color-2: #52452a;
  --color-3: #fff877;
  --color-4: #7ad6ab;
  --color-5: #42a698;
}

SCSS

$color-1: #c3d461;
$color-2: #52452a;
$color-3: #fff877;
$color-4: #7ad6ab;
$color-5: #42a698;

TAILWIND

colors: {
  'brand-1': '#c3d461',
  'brand-2': '#52452a',
  'brand-3': '#fff877',
  'brand-4': '#7ad6ab',
  'brand-5': '#42a698',
}

RGB Array

[195, 212, 97], [82, 69, 42], [255, 248, 119], [122, 214, 171], [66, 166, 152]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #C3D461, #52452A, #FFF877, #7AD6AB, #42A698 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: #c3d461; --color-2: #52452a; --color-3: #fff877; --color-4: #7ad6ab; --color-5: #42a698. 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