#FF9191 + #FFB291 + #BBBDAE + #6BBCBD + #79ADA2 · sea - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#FF9191

Peach Pink · LightSalmon · Coral Red

HEX

#FF9191

RGB

rgb(255, 145, 145)

HSL

hsl(0, 100%, 78%)

HSB

hsb(0, 43%, 100%)

CMYK

cmyk(0%, 43%, 43%, 0%)

Oklch

oklch(77.4% 0.133 20.6)

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

#FFB291

Apricot · LightSalmon · Peach Orange

HEX

#FFB291

RGB

rgb(255, 178, 145)

HSL

hsl(18, 100%, 78%)

HSB

hsb(18, 43%, 100%)

CMYK

cmyk(0%, 30%, 43%, 0%)

Oklch

oklch(82.9% 0.101 44.1)

Traditional「Apricot」· Paint「Peach Orange」· Creative Honey Glow

#BBBDAE

Fresh Green · Silver · Sunflower

HEX

#BBBDAE

RGB

rgb(187, 189, 174)

HSL

hsl(68, 10%, 71%)

HSB

hsb(68, 8%, 74%)

CMYK

cmyk(1%, 0%, 8%, 26%)

Oklch

oklch(79.3% 0.021 113.0)

Traditional「Fresh Green」· Paint「Sunflower」· Creative Lemon Fizz

#6BBCBD

Slate Blue · MediumAquaMarine · Lake Green

HEX

#6BBCBD

RGB

rgb(107, 188, 189)

HSL

hsl(181, 38%, 58%)

HSB

hsb(181, 43%, 74%)

CMYK

cmyk(43%, 1%, 0%, 26%)

Oklch

oklch(74.4% 0.080 196.6)

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

#79ADA2

Mineral Blue · CadetBlue · Lake Green

HEX

#79ADA2

RGB

rgb(121, 173, 162)

HSL

hsl(167, 24%, 58%)

HSB

hsb(167, 30%, 68%)

CMYK

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

Oklch

oklch(70.8% 0.057 179.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FF9191

8FFFFF

Analogous

FF8FC7

FF9191

FFC78F

Triadic

FF9191

8FFF8F

8F8FFF

Split-Comp.

FF9191

8FFFC7

8FC7FF

Tetradic

FF9191

C7FF8F

8FFFFF

C78FFF

Contrast Matrix WCAG 2.1 Contrast

FF9191	FFB291	BBBDAE	6BBCBD	79ADA2
—	1.2 Fail	1.1 Fail	1.0 Fail	1.2 Fail
1.2 Fail	—	1.1 Fail	1.3 Fail	1.4 Fail
1.1 Fail	1.1 Fail	—	1.2 Fail	1.3 Fail
1.0 Fail	1.3 Fail	1.2 Fail	—	1.1 Fail
1.2 Fail	1.4 Fail	1.3 Fail	1.1 Fail	—

White BG

2.2Fail

1.7Fail

1.9Fail

2.2Fail

2.5Fail

Black BG

9.7AAA

12.0AAA

11.0AAA

9.6AAA

8.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

CFCE91

DEDD99

BCBCB2

8E8FBD

9090A5

Deuteranopia

D6DE91

E2E89B

BCBCB3

8983BD

8D89A5

Tritanopia

FA9191

FB9FA1

BBB4B5

6FBDBD

7CA7A7

Achromatopsia

B2B2B2

C5C5C5

BBBBBB

A4A4A4

9C9C9C

Shades & Tints Shades & Tints

#FF9191

Dark

Light

#FFB291

Dark

Light

#BBBDAE

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ff9191;
  --color-2: #ffb291;
  --color-3: #bbbdae;
  --color-4: #6bbcbd;
  --color-5: #79ada2;
}

SCSS

$color-1: #ff9191;
$color-2: #ffb291;
$color-3: #bbbdae;
$color-4: #6bbcbd;
$color-5: #79ada2;

TAILWIND

colors: {
  'brand-1': '#ff9191',
  'brand-2': '#ffb291',
  'brand-3': '#bbbdae',
  'brand-4': '#6bbcbd',
  'brand-5': '#79ada2',
}

RGB Array

[255, 145, 145], [255, 178, 145], [187, 189, 174], [107, 188, 189], [121, 173, 162]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #FF9191, #FFB291, #BBBDAE, #6BBCBD, #79ADA2 is ideal for: health products, baby brands, fresh-style blogs. 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: #ff9191; --color-2: #ffb291; --color-3: #bbbdae; --color-4: #6bbcbd; --color-5: #79ada2. 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?

Light tones suit backgrounds; use dark colors for body text. Mid-tones work for card backgrounds or dividers to add depth. 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