#F95BA6 + #9B7B80 + #C4B19A + #D1BF8F + #F4C69A · sea - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#F95BA6

Rouge · LightCoral · Rose Pink

HEX

#F95BA6

RGB

rgb(249, 91, 166)

HSL

hsl(332, 93%, 67%)

HSB

hsb(332, 63%, 98%)

CMYK

cmyk(0%, 63%, 33%, 2%)

Oklch

oklch(69.9% 0.205 354.3)

Traditional「Rouge」· Paint「Rose Pink」· Creative Rose Petal

#9B7B80

Crimson · Gray · Passion Red

HEX

#9B7B80

RGB

rgb(155, 123, 128)

HSL

hsl(351, 14%, 55%)

HSB

hsb(351, 21%, 61%)

CMYK

cmyk(0%, 21%, 17%, 39%)

Oklch

oklch(61.5% 0.040 7.8)

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

#C4B19A

Ginger · Tan · Warm Sun

HEX

#C4B19A

RGB

rgb(196, 177, 154)

HSL

hsl(33, 26%, 69%)

HSB

hsb(33, 21%, 77%)

CMYK

cmyk(0%, 10%, 21%, 23%)

Oklch

oklch(77.0% 0.039 72.5)

Traditional「Ginger」· Paint「Warm Sun」· Creative Honey Glow

#D1BF8F

Ginger · Tan · Sunflower

HEX

#D1BF8F

RGB

rgb(209, 191, 143)

HSL

hsl(44, 42%, 69%)

HSB

hsb(44, 32%, 82%)

CMYK

cmyk(0%, 9%, 32%, 18%)

Oklch

oklch(80.8% 0.067 89.9)

Traditional「Ginger」· Paint「Sunflower」· Creative Lemon Fizz

#F4C69A

Apricot · BurlyWood · Peach Orange

HEX

#F4C69A

RGB

rgb(244, 198, 154)

HSL

hsl(29, 80%, 78%)

HSB

hsb(29, 37%, 96%)

CMYK

cmyk(0%, 19%, 37%, 4%)

Oklch

oklch(85.6% 0.078 65.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F95BA6

5DF9B0

Analogous

F95DF4

F95BA6

F9625D

Triadic

F95BA6

A6F95D

5DA6F9

Split-Comp.

F95BA6

5DF962

5DF4F9

Tetradic

F95BA6

F4F95D

5DF9B0

625DF9

Contrast Matrix WCAG 2.1 Contrast

F95BA6	9B7B80	C4B19A	D1BF8F	F4C69A
—	1.3 Fail	1.4 Fail	1.6 Fail	1.9 Fail
1.3 Fail	—	1.8 Fail	2.1 Fail	2.4 Fail
1.4 Fail	1.8 Fail	—	1.1 Fail	1.3 Fail
1.6 Fail	2.1 Fail	1.1 Fail	—	1.2 Fail
1.9 Fail	2.4 Fail	1.3 Fail	1.2 Fail	—

White BG

3.0Fail

3.8AA Large

2.1Fail

1.8Fail

1.6Fail

Black BG

7.1AAA

5.5AA

10.1AAA

11.6AAA

13.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

B5B394

8D8D7F

BCBCA0

C9C99B

E0E0A5

Deuteranopia

BECA90

8F917F

BDBEA1

CACC9D

E3E6A7

Tritanopia

F18682

997E7E

C3A4A5

D0A4A6

F2ADAF

Achromatopsia

939393

858585

B4B4B4

BFBFBF

CFCFCF

Shades & Tints Shades & Tints

#F95BA6

Dark

Light

#9B7B80

Dark

Light

#C4B19A

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f95ba6;
  --color-2: #9b7b80;
  --color-3: #c4b19a;
  --color-4: #d1bf8f;
  --color-5: #f4c69a;
}

SCSS

$color-1: #f95ba6;
$color-2: #9b7b80;
$color-3: #c4b19a;
$color-4: #d1bf8f;
$color-5: #f4c69a;

TAILWIND

colors: {
  'brand-1': '#f95ba6',
  'brand-2': '#9b7b80',
  'brand-3': '#c4b19a',
  'brand-4': '#d1bf8f',
  'brand-5': '#f4c69a',
}

RGB Array

[249, 91, 166], [155, 123, 128], [196, 177, 154], [209, 191, 143], [244, 198, 154]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #F95BA6, #9B7B80, #C4B19A, #D1BF8F, #F4C69A 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: #f95ba6; --color-2: #9b7b80; --color-3: #c4b19a; --color-4: #d1bf8f; --color-5: #f4c69a. 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