← Back to Editor

#996600 · #E4FFF4 · #CBD6C3 · #988562 · #663300

sea

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarmCool

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial AppData Visualization

Color Details Color Details

#996600

Ochre · Olive · Honey Gold

HEX
#996600
RGB
rgb(153, 102, 0)
HSL
hsl(40, 100%, 30%)
HSB
hsb(40, 100%, 60%)
CMYK
cmyk(0%, 33%, 100%, 40%)
Oklch
oklch(55.1% 0.116 74.8)

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

#E4FFF4

Jade · Lavender · Mint Green

HEX
#E4FFF4
RGB
rgb(228, 255, 244)
HSL
hsl(156, 100%, 95%)
HSB
hsb(156, 11%, 100%)
CMYK
cmyk(11%, 0%, 4%, 0%)
Oklch
oklch(97.7% 0.032 169.2)

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

#CBD6C3

Celadon · LightGray · Apple Green

HEX
#CBD6C3
RGB
rgb(203, 214, 195)
HSL
hsl(95, 19%, 80%)
HSB
hsb(95, 9%, 84%)
CMYK
cmyk(5%, 0%, 9%, 16%)
Oklch
oklch(86.2% 0.028 131.8)

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

#988562

Ochre · Gray · Amber Brown

HEX
#988562
RGB
rgb(152, 133, 98)
HSL
hsl(39, 22%, 49%)
HSB
hsb(39, 36%, 60%)
CMYK
cmyk(0%, 12%, 36%, 40%)
Oklch
oklch(62.5% 0.054 82.5)

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

#663300

Ochre · Maroon · Cinnamon

HEX
#663300
RGB
rgb(102, 51, 0)
HSL
hsl(30, 100%, 20%)
HSB
hsb(30, 100%, 40%)
CMYK
cmyk(0%, 50%, 100%, 60%)
Oklch
oklch(38.0% 0.092 56.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

996600
003399

Analogous

991A00
996600
7F9900

Triadic

996600
009966
660099

Split-Comp.

996600
008099
1A0099

Tetradic

996600
009919
003399
99007F

Contrast Matrix WCAG 2.1 Contrast

996600
E4FFF4
CBD6C3
988562
663300
—
4.7
AA
3.3
AA Large
1.4
Fail
2.1
Fail
4.7
AA
—
1.4
Fail
3.4
AA Large
9.8
AAA
3.3
AA Large
1.4
Fail
—
2.4
Fail
6.8
AA
1.4
Fail
3.4
AA Large
2.4
Fail
—
2.9
Fail
2.1
Fail
9.8
AAA
6.8
AA
2.9
Fail
—
White BG
4.9AA
1.1Fail
1.5Fail
3.6AA Large
10.3AAA
Black BG
4.3AA Large
19.9AAA
13.9AAA
5.9AA
2.0Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

838219
F0F0F7
D0D0C8
90906A
504F0C

Deuteranopia

868A1F
EEECF7
CFCEC9
91926D
53570F

Tritanopia

962C30
E5F9F9
CCCBCC
977173
631618

Achromatopsia

6A6A6A
F6F6F6
D1D1D1
878787
3C3C3C

Shades & Tints Shades & Tints

#996600

Dark
Light

#E4FFF4

Dark
Light

#CBD6C3

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #996600;
  --color-2: #e4fff4;
  --color-3: #cbd6c3;
  --color-4: #988562;
  --color-5: #663300;
}

SCSS

$color-1: #996600;
$color-2: #e4fff4;
$color-3: #cbd6c3;
$color-4: #988562;
$color-5: #663300;

TAILWIND

colors: {
  'brand-1': '#996600',
  'brand-2': '#e4fff4',
  'brand-3': '#cbd6c3',
  'brand-4': '#988562',
  'brand-5': '#663300',
}

RGB Array

[153, 102, 0], [228, 255, 244], [203, 214, 195], [152, 133, 98], [102, 51, 0]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #996600, #E4FFF4, #CBD6C3, #988562, #663300 is ideal for: social media posters, mobile apps, e-commerce promos, infographics, data visualization, accessible design. Vivid colors effectively attract user attention. High contrast ensures clear visual hierarchy and readability. It is a vibrant and energetic choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #996600; --color-2: #e4fff4; --color-3: #cbd6c3; --color-4: #988562; --color-5: #663300. 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 food & dining, entertainment, kids education, social industries. Bold colors convey vitality and innovation. 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