← Back to Editor

#B0CA80 · #CAB864 · #D19443 · #C84F30 · #644415

sea

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#B0CA80

Willow Green · DarkSeaGreen · Apple Green

HEX
#B0CA80
RGB
rgb(176, 202, 128)
HSL
hsl(81, 41%, 65%)
HSB
hsb(81, 37%, 79%)
CMYK
cmyk(13%, 0%, 37%, 21%)
Oklch
oklch(80.2% 0.102 124.4)

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

#CAB864

Ginger · BurlyWood · Sunflower

HEX
#CAB864
RGB
rgb(202, 184, 100)
HSL
hsl(49, 49%, 59%)
HSB
hsb(49, 50%, 79%)
CMYK
cmyk(0%, 9%, 50%, 21%)
Oklch
oklch(78.0% 0.107 97.5)

Traditional「Ginger」· Paint「Sunflower」· Creative Blush Sunrise

#D19443

Ginger · GoldenRod · Warm Sun

HEX
#D19443
RGB
rgb(209, 148, 67)
HSL
hsl(34, 61%, 54%)
HSB
hsb(34, 68%, 82%)
CMYK
cmyk(0%, 29%, 68%, 18%)
Oklch
oklch(71.1% 0.121 71.2)

Traditional「Ginger」· Paint「Warm Sun」· Creative Blush Sunrise

#C84F30

Vermilion · Chocolate · Passion Red

HEX
#C84F30
RGB
rgb(200, 79, 48)
HSL
hsl(12, 61%, 49%)
HSB
hsb(12, 76%, 78%)
CMYK
cmyk(0%, 61%, 76%, 22%)
Oklch
oklch(58.3% 0.161 35.4)

Traditional「Vermilion」· Paint「Passion Red」· Creative Blush Sunrise

#644415

Ochre · DarkOliveGreen · Cinnamon

HEX
#644415
RGB
rgb(100, 68, 21)
HSL
hsl(36, 65%, 24%)
HSB
hsb(36, 79%, 39%)
CMYK
cmyk(0%, 32%, 79%, 61%)
Oklch
oklch(41.3% 0.075 72.8)

Traditional「Ochre」· Paint「Cinnamon」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

B0CA80
9B81CA

Analogous

CABF81
B0CA80
8CCA81

Triadic

B0CA80
81B1CA
CA81B1

Split-Comp.

B0CA80
818CCA
BF81CA

Tetradic

B0CA80
81CABF
9B81CA
CA818C

Contrast Matrix WCAG 2.1 Contrast

B0CA80
CAB864
D19443
C84F30
644415
—
1.1
Fail
1.4
Fail
2.5
Fail
4.9
AA
1.1
Fail
—
1.3
Fail
2.3
Fail
4.4
AA Large
1.4
Fail
1.3
Fail
—
1.7
Fail
3.4
AA Large
2.5
Fail
2.3
Fail
1.7
Fail
—
1.9
Fail
4.9
AA
4.4
AA Large
3.4
AA Large
1.9
Fail
—
White BG
1.8Fail
2.0Fail
2.6Fail
4.5AA
8.8AAA
Black BG
11.6AAA
10.6AAA
8.0AAA
4.6AA
2.4Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

BBBB92
C2C278
B7B657
949338
565620

Deuteranopia

BAB896
C3C57D
BABF5B
9BA439
585A23

Tritanopia

B1A0A3
C9888C
CE6669
C23D3F
62292B

Achromatopsia

BABABA
B4B4B4
9D9D9D
707070
484848

Shades & Tints Shades & Tints

#B0CA80

Dark
Light

#CAB864

Dark
Light

#D19443

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #b0ca80;
  --color-2: #cab864;
  --color-3: #d19443;
  --color-4: #c84f30;
  --color-5: #644415;
}

SCSS

$color-1: #b0ca80;
$color-2: #cab864;
$color-3: #d19443;
$color-4: #c84f30;
$color-5: #644415;

TAILWIND

colors: {
  'brand-1': '#b0ca80',
  'brand-2': '#cab864',
  'brand-3': '#d19443',
  'brand-4': '#c84f30',
  'brand-5': '#644415',
}

RGB Array

[176, 202, 128], [202, 184, 100], [209, 148, 67], [200, 79, 48], [100, 68, 21]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #B0CA80, #CAB864, #D19443, #C84F30, #644415 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: #b0ca80; --color-2: #cab864; --color-3: #d19443; --color-4: #c84f30; --color-5: #644415. 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