← Back to Editor

#834B4E · #DF6768 · #FF927E · #D4B0B0 · #E1C2C0

sea

A 5-color sea palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReadingData Visualization

Color Details Color Details

#834B4E

Crimson · Sienna · Wine Red

HEX
#834B4E
RGB
rgb(131, 75, 78)
HSL
hsl(357, 27%, 40%)
HSB
hsb(357, 43%, 51%)
CMYK
cmyk(0%, 43%, 40%, 49%)
Oklch
oklch(48.0% 0.076 16.9)

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

#DF6768

Peach Pink · Salmon · Coral Red

HEX
#DF6768
RGB
rgb(223, 103, 104)
HSL
hsl(360, 65%, 64%)
HSB
hsb(360, 54%, 87%)
CMYK
cmyk(0%, 54%, 53%, 13%)
Oklch
oklch(65.9% 0.151 21.6)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Soft Aurora

#FF927E

Peach Pink · LightSalmon · Coral Red

HEX
#FF927E
RGB
rgb(255, 146, 126)
HSL
hsl(9, 100%, 75%)
HSB
hsb(9, 51%, 100%)
CMYK
cmyk(0%, 43%, 51%, 0%)
Oklch
oklch(77.1% 0.136 31.4)

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

#D4B0B0

Peach Pink · Silver · Coral Red

HEX
#D4B0B0
RGB
rgb(212, 176, 176)
HSL
hsl(0, 30%, 76%)
HSB
hsb(0, 17%, 83%)
CMYK
cmyk(0%, 17%, 17%, 17%)
Oklch
oklch(78.9% 0.042 18.1)

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

#E1C2C0

Peach Pink · LightGray · Cherry Blossom

HEX
#E1C2C0
RGB
rgb(225, 194, 192)
HSL
hsl(4, 35%, 82%)
HSB
hsb(4, 15%, 88%)
CMYK
cmyk(0%, 14%, 15%, 12%)
Oklch
oklch(84.0% 0.035 22.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

834B4E
4A827F

Analogous

824A69
834B4E
82634A

Triadic

834B4E
4D824A
4A4D82

Split-Comp.

834B4E
4A8263
4A6982

Tetradic

834B4E
69824A
4A827F
634A82

Contrast Matrix WCAG 2.1 Contrast

834B4E
DF6768
FF927E
D4B0B0
E1C2C0
—
2.0
Fail
3.1
AA Large
3.5
AA Large
4.1
AA Large
2.0
Fail
—
1.5
Fail
1.7
Fail
2.0
Fail
3.1
AA Large
1.5
Fail
—
1.1
Fail
1.3
Fail
3.5
AA Large
1.7
Fail
1.1
Fail
—
1.2
Fail
4.1
AA Large
2.0
Fail
1.3
Fail
1.2
Fail
—
White BG
6.8AA
3.3AA Large
2.2Fail
2.0Fail
1.7Fail
Black BG
3.1AA Large
6.3AA
9.7AAA
10.6AAA
12.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

6B6A4D
ABAA68
D0CF83
C4C4B0
D4D3C0

Deuteranopia

6E724D
B2BB68
D6DE84
C7C9B0
D5D8C1

Tritanopia

804D4D
D96868
FA8788
D2B0B0
DFC1C1

Achromatopsia

5C5C5C
8B8B8B
B0B0B0
BBBBBB
CBCBCB

Shades & Tints Shades & Tints

#834B4E

Dark
Light

#DF6768

Dark
Light

#FF927E

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #834b4e;
  --color-2: #df6768;
  --color-3: #ff927e;
  --color-4: #d4b0b0;
  --color-5: #e1c2c0;
}

SCSS

$color-1: #834b4e;
$color-2: #df6768;
$color-3: #ff927e;
$color-4: #d4b0b0;
$color-5: #e1c2c0;

TAILWIND

colors: {
  'brand-1': '#834b4e',
  'brand-2': '#df6768',
  'brand-3': '#ff927e',
  'brand-4': '#d4b0b0',
  'brand-5': '#e1c2c0',
}

RGB Array

[131, 75, 78], [223, 103, 104], [255, 146, 126], [212, 176, 176], [225, 194, 192]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #834B4E, #DF6768, #FF927E, #D4B0B0, #E1C2C0 is ideal for: health products, baby brands, fresh-style blogs, infographics, data visualization, accessible design. High contrast ensures clear visual hierarchy and readability. 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: #834b4e; --color-2: #df6768; --color-3: #ff927e; --color-4: #d4b0b0; --color-5: #e1c2c0. 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. High-contrast palettes naturally meet WCAG accessibility standards. 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