#468DA0 + #6B979B + #CDCAC0 + #DCA2A0 + #C92207 · 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

#468DA0

Slate Blue · SteelBlue · Mint Ice

HEX

#468DA0

RGB

rgb(70, 141, 160)

HSL

hsl(193, 39%, 45%)

HSB

hsb(193, 56%, 63%)

CMYK

cmyk(56%, 12%, 0%, 37%)

Oklch

oklch(60.5% 0.077 217.6)

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

#6B979B

Slate Blue · CadetBlue · Lake Green

HEX

#6B979B

RGB

rgb(107, 151, 155)

HSL

hsl(185, 19%, 51%)

HSB

hsb(185, 31%, 61%)

CMYK

cmyk(31%, 3%, 0%, 39%)

Oklch

oklch(64.6% 0.048 203.1)

Traditional「Slate Blue」· Paint「Lake Green」· Creative Blush Sunrise

#CDCAC0

Goose Yellow · Silver · Lemon Cream

HEX

#CDCAC0

RGB

rgb(205, 202, 192)

HSL

hsl(46, 12%, 78%)

HSB

hsb(46, 6%, 80%)

CMYK

cmyk(0%, 1%, 6%, 20%)

Oklch

oklch(83.9% 0.014 93.0)

Traditional「Goose Yellow」· Paint「Lemon Cream」· Creative Lemon Fizz

#DCA2A0

Peach Pink · Tan · Coral Red

HEX

#DCA2A0

RGB

rgb(220, 162, 160)

HSL

hsl(2, 46%, 75%)

HSB

hsb(2, 27%, 86%)

CMYK

cmyk(0%, 26%, 27%, 14%)

Oklch

oklch(76.6% 0.069 21.0)

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

#C92207

Vermilion · FireBrick · Passion Red

HEX

#C92207

RGB

rgb(201, 34, 7)

HSL

hsl(8, 93%, 41%)

HSB

hsb(8, 97%, 79%)

CMYK

cmyk(0%, 83%, 97%, 21%)

Oklch

oklch(53.8% 0.203 31.4)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

468DA0

A05946

Analogous

46A086

468DA0

465FA0

Triadic

468DA0

A0468C

8CA046

Split-Comp.

468DA0

A0465F

A08646

Tetradic

468DA0

8646A0

A05946

5FA046

Contrast Matrix WCAG 2.1 Contrast

468DA0	6B979B	CDCAC0	DCA2A0	C92207
—	1.2 Fail	2.3 Fail	1.7 Fail	1.5 Fail
1.2 Fail	—	2.0 Fail	1.5 Fail	1.8 Fail
2.3 Fail	2.0 Fail	—	1.3 Fail	3.4 AA Large
1.7 Fail	1.5 Fail	1.3 Fail	—	2.6 Fail
1.5 Fail	1.8 Fail	3.4 AA Large	2.6 Fail	—

White BG

3.8AA Large

3.2AA Large

1.6Fail

2.2Fail

5.7AA

Black BG

5.6AA

6.5AA

12.8AAA

9.7AAA

3.7AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

65659B

7E7E9A

CCCCC2

C3C2A0

817F0E

Deuteranopia

615B9A

7C789A

CCCCC3

C6CBA1

8A970F

Tritanopia

4A9897

6D9999

CDC4C5

D9A1A1

C11314

Achromatopsia

7A7A7A

8A8A8A

CACACA

B3B3B3

515151

Shades & Tints Shades & Tints

#468DA0

Dark

Light

#6B979B

Dark

Light

#CDCAC0

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #468da0;
  --color-2: #6b979b;
  --color-3: #cdcac0;
  --color-4: #dca2a0;
  --color-5: #c92207;
}

SCSS

$color-1: #468da0;
$color-2: #6b979b;
$color-3: #cdcac0;
$color-4: #dca2a0;
$color-5: #c92207;

TAILWIND

colors: {
  'brand-1': '#468da0',
  'brand-2': '#6b979b',
  'brand-3': '#cdcac0',
  'brand-4': '#dca2a0',
  'brand-5': '#c92207',
}

RGB Array

[70, 141, 160], [107, 151, 155], [205, 202, 192], [220, 162, 160], [201, 34, 7]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #468DA0, #6B979B, #CDCAC0, #DCA2A0, #C92207 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: #468da0; --color-2: #6b979b; --color-3: #cdcac0; --color-4: #dca2a0; --color-5: #c92207. 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