#C7CBBD + #93D7A4 + #66E1B5 + #19DDC5 + #75BBC3 · 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

#C7CBBD

Willow Green · Silver · Apple Green

HEX

#C7CBBD

RGB

rgb(199, 203, 189)

HSL

hsl(77, 12%, 77%)

HSB

hsb(77, 7%, 80%)

CMYK

cmyk(2%, 0%, 7%, 20%)

Oklch

oklch(83.5% 0.020 119.8)

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

#93D7A4

Celadon · LightGreen · Apple Green

HEX

#93D7A4

RGB

rgb(147, 215, 164)

HSL

hsl(135, 46%, 71%)

HSB

hsb(135, 32%, 84%)

CMYK

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

Oklch

oklch(82.0% 0.099 151.6)

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

#66E1B5

Jade · MediumAquaMarine · Apple Green

HEX

#66E1B5

RGB

rgb(102, 225, 181)

HSL

hsl(159, 67%, 64%)

HSB

hsb(159, 55%, 88%)

CMYK

cmyk(55%, 0%, 20%, 12%)

Oklch

oklch(82.8% 0.128 167.0)

Traditional「Jade」· Paint「Apple Green」· Creative Arctic Pool

#19DDC5

Mineral Blue · DarkTurquoise · Mint Ice

HEX

#19DDC5

RGB

rgb(25, 221, 197)

HSL

hsl(173, 80%, 48%)

HSB

hsb(173, 89%, 87%)

CMYK

cmyk(89%, 0%, 11%, 13%)

Oklch

oklch(80.6% 0.142 181.1)

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

#75BBC3

Sky Blue · MediumAquaMarine · Lake Green

HEX

#75BBC3

RGB

rgb(117, 187, 195)

HSL

hsl(186, 39%, 61%)

HSB

hsb(186, 40%, 76%)

CMYK

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

Oklch

oklch(74.9% 0.071 205.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C7CBBD

C1BDCB

Analogous

CBC8BD

C7CBBD

C0CBBD

Triadic

C7CBBD

BDC7CB

CBBDC7

Split-Comp.

C7CBBD

BDC0CB

C8BDCB

Tetradic

C7CBBD

BDCBC8

C1BDCB

CBBDC0

Contrast Matrix WCAG 2.1 Contrast

C7CBBD	93D7A4	66E1B5	19DDC5	75BBC3
—	1.0 Fail	1.0 Fail	1.0 Fail	1.3 Fail
1.0 Fail	—	1.0 Fail	1.0 Fail	1.3 Fail
1.0 Fail	1.0 Fail	—	1.1 Fail	1.3 Fail
1.0 Fail	1.0 Fail	1.1 Fail	—	1.3 Fail
1.3 Fail	1.3 Fail	1.3 Fail	1.3 Fail	—

White BG

1.7Fail

1.6Fail

1.7Fail

2.2Fail

Black BG

12.7AAA

12.5AAA

13.0AAA

12.2AAA

9.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

C9C9C0

B0B1B0

9B9CC0

6E70CB

9394C1

Deuteranopia

C9C8C1

ADA7B3

948BC2

6354CC

8F8AC1

Tritanopia

C7C3C4

96BABC

6CC8CA

23CFD0

78C0BF

Achromatopsia

C8C8C8

BDBDBD

B7B7B7

A0A0A0

A7A7A7

Shades & Tints Shades & Tints

#C7CBBD

Dark

Light

#93D7A4

Dark

Light

#66E1B5

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c7cbbd;
  --color-2: #93d7a4;
  --color-3: #66e1b5;
  --color-4: #19ddc5;
  --color-5: #75bbc3;
}

SCSS

$color-1: #c7cbbd;
$color-2: #93d7a4;
$color-3: #66e1b5;
$color-4: #19ddc5;
$color-5: #75bbc3;

TAILWIND

colors: {
  'brand-1': '#c7cbbd',
  'brand-2': '#93d7a4',
  'brand-3': '#66e1b5',
  'brand-4': '#19ddc5',
  'brand-5': '#75bbc3',
}

RGB Array

[199, 203, 189], [147, 215, 164], [102, 225, 181], [25, 221, 197], [117, 187, 195]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #C7CBBD, #93D7A4, #66E1B5, #19DDC5, #75BBC3 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: #c7cbbd; --color-2: #93d7a4; --color-3: #66e1b5; --color-4: #19ddc5; --color-5: #75bbc3. 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