← Back to Editor

#A19F79 · #43A9AE · #0F8498 · #085D82 · #00273F

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

#A19F79

Autumn Sage · DarkSeaGreen · Sunflower

HEX
#A19F79
RGB
rgb(161, 159, 121)
HSL
hsl(57, 18%, 55%)
HSB
hsb(57, 25%, 63%)
CMYK
cmyk(0%, 1%, 25%, 37%)
Oklch
oklch(69.4% 0.053 105.2)

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

#43A9AE

Slate Blue · CadetBlue · Mint Ice

HEX
#43A9AE
RGB
rgb(67, 169, 174)
HSL
hsl(183, 44%, 47%)
HSB
hsb(183, 61%, 68%)
CMYK
cmyk(61%, 3%, 0%, 32%)
Oklch
oklch(67.8% 0.093 199.7)

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

#0F8498

Lake Blue · Teal · Mint Ice

HEX
#0F8498
RGB
rgb(15, 132, 152)
HSL
hsl(189, 82%, 33%)
HSB
hsb(189, 90%, 60%)
CMYK
cmyk(90%, 13%, 0%, 40%)
Oklch
oklch(56.5% 0.096 213.6)

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

#085D82

Lake Blue · Teal · Mint Ice

HEX
#085D82
RGB
rgb(8, 93, 130)
HSL
hsl(198, 88%, 27%)
HSB
hsb(198, 94%, 51%)
CMYK
cmyk(94%, 28%, 0%, 49%)
Oklch
oklch(45.2% 0.093 235.2)

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

#00273F

Lake Blue · MidnightBlue · Deep Sea Blue

HEX
#00273F
RGB
rgb(0, 39, 63)
HSL
hsl(203, 100%, 12%)
HSB
hsb(203, 100%, 25%)
CMYK
cmyk(100%, 38%, 0%, 75%)
Oklch
oklch(26.1% 0.061 241.5)

Traditional「Lake Blue」· Paint「Deep Sea Blue」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

A19F79
787AA1

Analogous

A18A78
A19F79
8EA178

Triadic

A19F79
78A19F
9F78A1

Split-Comp.

A19F79
788EA1
8A78A1

Tetradic

A19F79
78A18A
787AA1
A1788E

Contrast Matrix WCAG 2.1 Contrast

A19F79
43A9AE
0F8498
085D82
00273F
—
1.0
Fail
1.6
Fail
2.7
Fail
5.7
AA
1.0
Fail
—
1.6
Fail
2.6
Fail
5.5
AA
1.6
Fail
1.6
Fail
—
1.6
Fail
3.5
AA Large
2.7
Fail
2.6
Fail
1.6
Fail
—
2.1
Fail
5.7
AA
5.5
AA
3.5
AA Large
2.1
Fail
—
White BG
2.7Fail
2.8Fail
4.4AA Large
7.2AAA
15.4AAA
Black BG
7.8AAA
7.5AAA
4.8AA
2.9Fail
1.4Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

A0A082
6F70AD
424393
2D2E79
111139

Deuteranopia

A0A084
6962AD
3B3292
282277
0F0C38

Tritanopia

A1898B
48ACAC
158F8F
0C7270
023534

Achromatopsia

9B9B9B
8B8B8B
636363
484848
1E1E1E

Shades & Tints Shades & Tints

#A19F79

Dark
Light

#43A9AE

Dark
Light

#0F8498

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #a19f79;
  --color-2: #43a9ae;
  --color-3: #0f8498;
  --color-4: #085d82;
  --color-5: #00273f;
}

SCSS

$color-1: #a19f79;
$color-2: #43a9ae;
$color-3: #0f8498;
$color-4: #085d82;
$color-5: #00273f;

TAILWIND

colors: {
  'brand-1': '#a19f79',
  'brand-2': '#43a9ae',
  'brand-3': '#0f8498',
  'brand-4': '#085d82',
  'brand-5': '#00273f',
}

RGB Array

[161, 159, 121], [67, 169, 174], [15, 132, 152], [8, 93, 130], [0, 39, 63]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #A19F79, #43A9AE, #0F8498, #085D82, #00273F 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: #a19f79; --color-2: #43a9ae; --color-3: #0f8498; --color-4: #085d82; --color-5: #00273f. 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