← Back to Editor

#16A5C3 · #EAA848 · #2A4B2E · #8D6D44 · #310800

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

#16A5C3

Lake Blue · LightSeaGreen · Mint Ice

HEX
#16A5C3
RGB
rgb(22, 165, 195)
HSL
hsl(190, 80%, 43%)
HSB
hsb(190, 89%, 76%)
CMYK
cmyk(89%, 15%, 0%, 24%)
Oklch
oklch(66.7% 0.116 217.5)

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

#EAA848

Ginger · SandyBrown · Warm Sun

HEX
#EAA848
RGB
rgb(234, 168, 72)
HSL
hsl(36, 79%, 60%)
HSB
hsb(36, 69%, 92%)
CMYK
cmyk(0%, 28%, 69%, 8%)
Oklch
oklch(77.7% 0.135 73.4)

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

#2A4B2E

Celadon · DarkSlateGray · Forest Green

HEX
#2A4B2E
RGB
rgb(42, 75, 46)
HSL
hsl(127, 28%, 23%)
HSB
hsb(127, 44%, 29%)
CMYK
cmyk(44%, 0%, 39%, 71%)
Oklch
oklch(37.9% 0.063 147.0)

Traditional「Celadon」· Paint「Forest Green」· Creative Blush Sunrise

#8D6D44

Ochre · Sienna · Amber Brown

HEX
#8D6D44
RGB
rgb(141, 109, 68)
HSL
hsl(34, 35%, 41%)
HSB
hsb(34, 52%, 55%)
CMYK
cmyk(0%, 23%, 52%, 45%)
Oklch
oklch(55.7% 0.070 72.4)

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

#310800

Vermilion · Black · Deep Berry

HEX
#310800
RGB
rgb(49, 8, 0)
HSL
hsl(10, 100%, 10%)
HSB
hsb(10, 100%, 19%)
CMYK
cmyk(0%, 84%, 100%, 81%)
Oklch
oklch(21.0% 0.069 37.5)

Traditional「Vermilion」· Paint「Deep Berry」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

16A5C3
C53316

Analogous

16C58B
16A5C3
1650C5

Triadic

16A5C3
C516A8
A8C516

Split-Comp.

16A5C3
C51650
C58B16

Tetradic

16A5C3
8B16C5
C53316
50C516

Contrast Matrix WCAG 2.1 Contrast

16A5C3
EAA848
2A4B2E
8D6D44
310800
—
1.4
Fail
3.4
AA Large
1.6
Fail
6.2
AA
1.4
Fail
—
4.8
AA
2.3
Fail
8.7
AAA
3.4
AA Large
4.8
AA
—
2.1
Fail
1.8
Fail
1.6
Fail
2.3
Fail
2.1
Fail
—
3.8
AA Large
6.2
AA
8.7
AAA
1.8
Fail
3.8
AA Large
—
White BG
2.9Fail
2.1Fail
9.8AAA
4.8AA
18.0AAA
Black BG
7.2AAA
10.2AAA
2.1Fail
4.4AA Large
1.2Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

5455BC
CDCD5F
383935
7F7F4E
1F1F02

Deuteranopia

4C41BA
D1D665
363437
818350
222502

Tritanopia

1DB6B5
E77276
2C3B3C
8B5657
2F0304

Achromatopsia

7E7E7E
B1B1B1
3E3E3E
727272
131313

Shades & Tints Shades & Tints

#16A5C3

Dark
Light

#EAA848

Dark
Light

#2A4B2E

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #16a5c3;
  --color-2: #eaa848;
  --color-3: #2a4b2e;
  --color-4: #8d6d44;
  --color-5: #310800;
}

SCSS

$color-1: #16a5c3;
$color-2: #eaa848;
$color-3: #2a4b2e;
$color-4: #8d6d44;
$color-5: #310800;

TAILWIND

colors: {
  'brand-1': '#16a5c3',
  'brand-2': '#eaa848',
  'brand-3': '#2a4b2e',
  'brand-4': '#8d6d44',
  'brand-5': '#310800',
}

RGB Array

[22, 165, 195], [234, 168, 72], [42, 75, 46], [141, 109, 68], [49, 8, 0]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #16A5C3, #EAA848, #2A4B2E, #8D6D44, #310800 is ideal for: social media posters, mobile apps, e-commerce promos, tech websites, dark mode UIs, game UIs, 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: #16a5c3; --color-2: #eaa848; --color-3: #2a4b2e; --color-4: #8d6d44; --color-5: #310800. 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?

Dark tones work well as backgrounds; pair with light text for readability. Use the brightest color for CTA buttons and interactive elements. 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