#92BFC7 + #BDCBCA + #FFCDC7 + #FADCCF + #F6E8D5 · sea - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#92BFC7

Sky Blue · LightSteelBlue · Lake Green

HEX

#92BFC7

RGB

rgb(146, 191, 199)

HSL

hsl(189, 32%, 68%)

HSB

hsb(189, 27%, 78%)

CMYK

cmyk(27%, 4%, 0%, 22%)

Oklch

oklch(77.5% 0.049 209.6)

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

#BDCBCA

Jade · Silver · Glacier Blue

HEX

#BDCBCA

RGB

rgb(189, 203, 202)

HSL

hsl(176, 12%, 77%)

HSB

hsb(176, 7%, 80%)

CMYK

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

Oklch

oklch(83.1% 0.015 191.7)

Traditional「Jade」· Paint「Glacier Blue」· Creative Arctic Pool

#FFCDC7

Peach Pink · Pink · Cherry Blossom

HEX

#FFCDC7

RGB

rgb(255, 205, 199)

HSL

hsl(6, 100%, 89%)

HSB

hsb(6, 22%, 100%)

CMYK

cmyk(0%, 20%, 22%, 0%)

Oklch

oklch(89.0% 0.058 26.2)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Blush Sunrise

#FADCCF

Apricot · Bisque · Peach Orange

HEX

#FADCCF

RGB

rgb(250, 220, 207)

HSL

hsl(18, 81%, 90%)

HSB

hsb(18, 17%, 98%)

CMYK

cmyk(0%, 12%, 17%, 2%)

Oklch

oklch(91.6% 0.038 44.9)

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

#F6E8D5

Goose Yellow · Beige · Peach Orange

HEX

#F6E8D5

RGB

rgb(246, 232, 213)

HSL

hsl(35, 65%, 90%)

HSB

hsb(35, 13%, 96%)

CMYK

cmyk(0%, 6%, 13%, 4%)

Oklch

oklch(93.7% 0.029 75.7)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

92BFC7

C89B93

Analogous

93C8B5

92BFC7

93A6C8

Triadic

92BFC7

C893C0

C0C893

Split-Comp.

92BFC7

C893A6

C8B593

Tetradic

92BFC7

B593C8

C89B93

A6C893

Contrast Matrix WCAG 2.1 Contrast

92BFC7	BDCBCA	FFCDC7	FADCCF	F6E8D5
—	1.2 Fail	1.4 Fail	1.5 Fail	1.7 Fail
1.2 Fail	—	1.2 Fail	1.3 Fail	1.4 Fail
1.4 Fail	1.2 Fail	—	1.1 Fail	1.2 Fail
1.5 Fail	1.3 Fail	1.1 Fail	—	1.1 Fail
1.7 Fail	1.4 Fail	1.2 Fail	1.1 Fail	—

White BG

2.0Fail

1.7Fail

1.4Fail

1.3Fail

1.2Fail

Black BG

10.5AAA

12.6AAA

14.8AAA

16.2AAA

17.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

A5A6C5

C3C3CA

E9E9C8

EDEDD2

F0F0DA

Deuteranopia

A3A0C5

C2C1CA

ECF0C9

EFF1D3

F1F2DB

Tritanopia

94C4C3

BECACA

FDCACA

F9D5D5

F5DDDE

Achromatopsia

B2B2B2

C7C7C7

DBDBDB

E3E3E3

EAEAEA

Shades & Tints Shades & Tints

#92BFC7

Dark

Light

#BDCBCA

Dark

Light

#FFCDC7

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #92bfc7;
  --color-2: #bdcbca;
  --color-3: #ffcdc7;
  --color-4: #fadccf;
  --color-5: #f6e8d5;
}

SCSS

$color-1: #92bfc7;
$color-2: #bdcbca;
$color-3: #ffcdc7;
$color-4: #fadccf;
$color-5: #f6e8d5;

TAILWIND

colors: {
  'brand-1': '#92bfc7',
  'brand-2': '#bdcbca',
  'brand-3': '#ffcdc7',
  'brand-4': '#fadccf',
  'brand-5': '#f6e8d5',
}

RGB Array

[146, 191, 199], [189, 203, 202], [255, 205, 199], [250, 220, 207], [246, 232, 213]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #92BFC7, #BDCBCA, #FFCDC7, #FADCCF, #F6E8D5 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: #92bfc7; --color-2: #bdcbca; --color-3: #ffcdc7; --color-4: #fadccf; --color-5: #f6e8d5. 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