#CBD793 + #C5C8BB + #6CCBCF + #758BC3 + #41657A · sea - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#CBD793

Willow Green · Tan · Apple Green

HEX

#CBD793

RGB

rgb(203, 215, 147)

HSL

hsl(71, 46%, 71%)

HSB

hsb(71, 32%, 84%)

CMYK

cmyk(6%, 0%, 32%, 16%)

Oklch

oklch(85.4% 0.090 116.5)

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

#C5C8BB

Willow Green · Silver · Apple Green

HEX

#C5C8BB

RGB

rgb(197, 200, 187)

HSL

hsl(74, 11%, 76%)

HSB

hsb(74, 7%, 78%)

CMYK

cmyk(1%, 0%, 7%, 22%)

Oklch

oklch(82.7% 0.018 117.4)

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

#6CCBCF

Sky Blue · MediumTurquoise · Lake Green

HEX

#6CCBCF

RGB

rgb(108, 203, 207)

HSL

hsl(182, 51%, 62%)

HSB

hsb(182, 48%, 81%)

CMYK

cmyk(48%, 2%, 0%, 19%)

Oklch

oklch(78.6% 0.090 199.1)

Traditional「Sky Blue」· Paint「Lake Green」· Creative Arctic Pool

#758BC3

Azure · LightSlateGray · Cobalt Blue

HEX

#758BC3

RGB

rgb(117, 139, 195)

HSL

hsl(223, 39%, 61%)

HSB

hsb(223, 40%, 76%)

CMYK

cmyk(40%, 29%, 0%, 24%)

Oklch

oklch(64.2% 0.088 267.4)

Traditional「Azure」· Paint「Cobalt Blue」· Creative Twilight Haze

#41657A

Slate Blue · DimGray · Prussian Blue

HEX

#41657A

RGB

rgb(65, 101, 122)

HSL

hsl(202, 30%, 37%)

HSB

hsb(202, 47%, 48%)

CMYK

cmyk(47%, 17%, 0%, 52%)

Oklch

oklch(48.8% 0.053 235.0)

Traditional「Slate Blue」· Paint「Prussian Blue」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

CBD793

A093D7

Analogous

D7C293

CBD793

A9D793

Triadic

CBD793

93CBD7

D793CB

Split-Comp.

CBD793

93A9D7

C293D7

Tetradic

CBD793

93D7C2

A093D7

D793A9

Contrast Matrix WCAG 2.1 Contrast

CBD793	C5C8BB	6CCBCF	758BC3	41657A
—	1.1 Fail	1.2 Fail	2.2 Fail	4.1 AA Large
1.1 Fail	—	1.1 Fail	2.0 Fail	3.7 AA Large
1.2 Fail	1.1 Fail	—	1.8 Fail	3.3 AA Large
2.2 Fail	2.0 Fail	1.8 Fail	—	1.9 Fail
4.1 AA Large	3.7 AA Large	3.3 AA Large	1.9 Fail	—

White BG

1.5Fail

1.7Fail

1.9Fail

3.4AA Large

6.2AA

Black BG

13.7AAA

12.4AAA

11.1AAA

6.2AA

3.4AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

D0D0A3

C6C6BE

9596CE

7F7FB5

515175

Deuteranopia

D0CFA7

C6C6BF

9089CE

7D7CB2

4F4C74

Tritanopia

CCB0B3

C5C1C1

71CDCD

76ABA8

437170

Achromatopsia

CCCCCC

C6C6C6

AFAFAF

8B8B8B

5D5D5D

Shades & Tints Shades & Tints

#CBD793

Dark

Light

#C5C8BB

Dark

Light

#6CCBCF

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #cbd793;
  --color-2: #c5c8bb;
  --color-3: #6ccbcf;
  --color-4: #758bc3;
  --color-5: #41657a;
}

SCSS

$color-1: #cbd793;
$color-2: #c5c8bb;
$color-3: #6ccbcf;
$color-4: #758bc3;
$color-5: #41657a;

TAILWIND

colors: {
  'brand-1': '#cbd793',
  'brand-2': '#c5c8bb',
  'brand-3': '#6ccbcf',
  'brand-4': '#758bc3',
  'brand-5': '#41657a',
}

RGB Array

[203, 215, 147], [197, 200, 187], [108, 203, 207], [117, 139, 195], [65, 101, 122]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #CBD793, #C5C8BB, #6CCBCF, #758BC3, #41657A 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: #cbd793; --color-2: #c5c8bb; --color-3: #6ccbcf; --color-4: #758bc3; --color-5: #41657a. 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