#B3A5A4 + #AEB3B9 + #C4ACB8 + #DF95A2 + #FF6E75 · sea - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#B3A5A4

Peach Pink · DarkGray · Silver Sand

HEX

#B3A5A4

RGB

rgb(179, 165, 164)

HSL

hsl(4, 9%, 67%)

HSB

hsb(4, 8%, 70%)

CMYK

cmyk(0%, 8%, 8%, 30%)

Oklch

oklch(73.4% 0.016 22.5)

Traditional「Peach Pink」· Paint「Silver Sand」· Creative Urban Concrete

#AEB3B9

Ash · DarkGray · Silver Sand

HEX

#AEB3B9

RGB

rgb(174, 179, 185)

HSL

hsl(213, 7%, 70%)

HSB

hsb(213, 6%, 73%)

CMYK

cmyk(6%, 3%, 0%, 27%)

Oklch

oklch(76.5% 0.010 252.8)

Traditional「Ash」· Paint「Silver Sand」· Creative Urban Concrete

#C4ACB8

Rouge · Silver · Rose Pink

HEX

#C4ACB8

RGB

rgb(196, 172, 184)

HSL

hsl(330, 17%, 72%)

HSB

hsb(330, 12%, 77%)

CMYK

cmyk(0%, 12%, 6%, 23%)

Oklch

oklch(76.9% 0.032 346.2)

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

#DF95A2

Peach Pink · Tan · Coral Red

HEX

#DF95A2

RGB

rgb(223, 149, 162)

HSL

hsl(349, 54%, 73%)

HSB

hsb(349, 33%, 87%)

CMYK

cmyk(0%, 33%, 27%, 13%)

Oklch

oklch(74.7% 0.090 8.0)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

#FF6E75

Peach Pink · Salmon · Coral Red

HEX

#FF6E75

RGB

rgb(255, 110, 117)

HSL

hsl(357, 100%, 72%)

HSB

hsb(357, 57%, 100%)

CMYK

cmyk(0%, 57%, 54%, 0%)

Oklch

oklch(71.7% 0.177 19.8)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

B3A5A4

A3B1B2

Analogous

B2A3AA

B3A5A4

B2ACA3

Triadic

B3A5A4

A3B2A4

A4A3B2

Split-Comp.

B3A5A4

A3B2AC

A3AAB2

Tetradic

B3A5A4

AAB2A3

A3B1B2

ACA3B2

Contrast Matrix WCAG 2.1 Contrast

B3A5A4	AEB3B9	C4ACB8	DF95A2	FF6E75
—	1.1 Fail	1.1 Fail	1.0 Fail	1.1 Fail
1.1 Fail	—	1.0 Fail	1.1 Fail	1.3 Fail
1.1 Fail	1.0 Fail	—	1.1 Fail	1.3 Fail
1.0 Fail	1.1 Fail	1.1 Fail	—	1.2 Fail
1.1 Fail	1.3 Fail	1.3 Fail	1.2 Fail	—

White BG

2.4Fail

2.1Fail

2.3Fail

2.7Fail

Black BG

8.8AAA

9.9AAA

9.0AAA

7.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

ADADA4

B0B0B8

BAB9B5

BFBE9F

C0BF73

Deuteranopia

AEAFA4

B0B0B7

BBBDB4

C3C99E

C9D473

Tritanopia

B2A4A4

AEB6B6

C3B3B2

DB9C9C

F87272

Achromatopsia

A9A9A9

B2B2B2

B5B5B5

ADADAD

9A9A9A

Shades & Tints Shades & Tints

#B3A5A4

Dark

Light

#AEB3B9

Dark

Light

#C4ACB8

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #b3a5a4;
  --color-2: #aeb3b9;
  --color-3: #c4acb8;
  --color-4: #df95a2;
  --color-5: #ff6e75;
}

SCSS

$color-1: #b3a5a4;
$color-2: #aeb3b9;
$color-3: #c4acb8;
$color-4: #df95a2;
$color-5: #ff6e75;

TAILWIND

colors: {
  'brand-1': '#b3a5a4',
  'brand-2': '#aeb3b9',
  'brand-3': '#c4acb8',
  'brand-4': '#df95a2',
  'brand-5': '#ff6e75',
}

RGB Array

[179, 165, 164], [174, 179, 185], [196, 172, 184], [223, 149, 162], [255, 110, 117]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #B3A5A4, #AEB3B9, #C4ACB8, #DF95A2, #FF6E75 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: #b3a5a4; --color-2: #aeb3b9; --color-3: #c4acb8; --color-4: #df95a2; --color-5: #ff6e75. 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