#2D7C8D + #429792 + #86A792 + #CAC19A + #B19A94 · sea - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#2D7C8D

Lake Blue · SteelBlue · Mint Ice

HEX

#2D7C8D

RGB

rgb(45, 124, 141)

HSL

hsl(191, 52%, 36%)

HSB

hsb(191, 68%, 55%)

CMYK

cmyk(68%, 12%, 0%, 45%)

Oklch

oklch(54.6% 0.080 214.7)

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

#429792

Mineral Blue · CadetBlue · Mint Ice

HEX

#429792

RGB

rgb(66, 151, 146)

HSL

hsl(176, 39%, 43%)

HSB

hsb(176, 56%, 59%)

CMYK

cmyk(56%, 0%, 3%, 41%)

Oklch

oklch(62.3% 0.082 190.0)

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

#86A792

Celadon · DarkSeaGreen · Olive Green

HEX

#86A792

RGB

rgb(134, 167, 146)

HSL

hsl(142, 16%, 59%)

HSB

hsb(142, 20%, 65%)

CMYK

cmyk(20%, 0%, 13%, 35%)

Oklch

oklch(69.8% 0.047 157.0)

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

#CAC19A

Ginger · Tan · Sunflower

HEX

#CAC19A

RGB

rgb(202, 193, 154)

HSL

hsl(49, 31%, 70%)

HSB

hsb(49, 24%, 79%)

CMYK

cmyk(0%, 4%, 24%, 21%)

Oklch

oklch(80.8% 0.053 96.6)

Traditional「Ginger」· Paint「Sunflower」· Creative Lemon Fizz

#B19A94

Peach Pink · DarkGray · Coral Red

HEX

#B19A94

RGB

rgb(177, 154, 148)

HSL

hsl(12, 16%, 64%)

HSB

hsb(12, 16%, 69%)

CMYK

cmyk(0%, 13%, 16%, 31%)

Oklch

oklch(70.5% 0.029 35.0)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

2D7C8D

8C3E2C

Analogous

2C8C6D

2D7C8D

2C4A8C

Triadic

2D7C8D

8C2C7A

7A8C2C

Split-Comp.

2D7C8D

8C2C4A

8C6D2C

Tetradic

2D7C8D

6D2C8C

8C3E2C

4A8C2C

Contrast Matrix WCAG 2.1 Contrast

2D7C8D	429792	86A792	CAC19A	B19A94
—	1.4 Fail	1.8 Fail	2.7 Fail	1.8 Fail
1.4 Fail	—	1.3 Fail	1.9 Fail	1.3 Fail
1.8 Fail	1.3 Fail	—	1.5 Fail	1.0 Fail
2.7 Fail	1.9 Fail	1.5 Fail	—	1.5 Fail
1.8 Fail	1.3 Fail	1.0 Fail	1.5 Fail	—

White BG

4.8AA

3.5AA Large

2.6Fail

1.8Fail

2.7Fail

Black BG

4.4AA Large

6.1AA

8.0AAA

11.6AAA

7.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

4F5089

676893

949597

C6C6A3

A7A795

Deuteranopia

4B4588

625C94

929098

C7C7A6

A8AA96

Tritanopia

318685

469494

889B9C

CAABAD

B09797

Achromatopsia

666666

7D7D7D

9B9B9B

BFBFBF

A0A0A0

Shades & Tints Shades & Tints

#2D7C8D

Dark

Light

#429792

Dark

Light

#86A792

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #2d7c8d;
  --color-2: #429792;
  --color-3: #86a792;
  --color-4: #cac19a;
  --color-5: #b19a94;
}

SCSS

$color-1: #2d7c8d;
$color-2: #429792;
$color-3: #86a792;
$color-4: #cac19a;
$color-5: #b19a94;

TAILWIND

colors: {
  'brand-1': '#2d7c8d',
  'brand-2': '#429792',
  'brand-3': '#86a792',
  'brand-4': '#cac19a',
  'brand-5': '#b19a94',
}

RGB Array

[45, 124, 141], [66, 151, 146], [134, 167, 146], [202, 193, 154], [177, 154, 148]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #2D7C8D, #429792, #86A792, #CAC19A, #B19A94 is ideal for: corporate websites, product showcases, portfolios. 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: #2d7c8d; --color-2: #429792; --color-3: #86a792; --color-4: #cac19a; --color-5: #b19a94. 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. 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