← Back to Editor

#26061F · #350A31 · #5C1D40 · #9A314E · #CB832B

sea

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarm

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial App

Color Details Color Details

#26061F

Rose Purple · Black · Dark Purple

HEX
#26061F
RGB
rgb(38, 6, 31)
HSL
hsl(313, 73%, 9%)
HSB
hsb(313, 84%, 15%)
CMYK
cmyk(0%, 84%, 18%, 85%)
Oklch
oklch(19.4% 0.066 337.5)

Traditional「Rose Purple」· Paint「Dark Purple」· Creative Blush Sunrise

#350A31

Rose Purple · MidnightBlue · Dark Purple

HEX
#350A31
RGB
rgb(53, 10, 49)
HSL
hsl(306, 68%, 12%)
HSB
hsb(306, 81%, 21%)
CMYK
cmyk(0%, 81%, 8%, 79%)
Oklch
oklch(24.0% 0.087 331.9)

Traditional「Rose Purple」· Paint「Dark Purple」· Creative Blush Sunrise

#5C1D40

Rose Purple · DarkSlateGray · Raspberry

HEX
#5C1D40
RGB
rgb(92, 29, 64)
HSL
hsl(327, 52%, 24%)
HSB
hsb(327, 68%, 36%)
CMYK
cmyk(0%, 68%, 30%, 64%)
Oklch
oklch(34.1% 0.101 349.4)

Traditional「Rose Purple」· Paint「Raspberry」· Creative Blush Sunrise

#9A314E

Dark Violet · Brown · Camellia

HEX
#9A314E
RGB
rgb(154, 49, 78)
HSL
hsl(343, 52%, 40%)
HSB
hsb(343, 68%, 60%)
CMYK
cmyk(0%, 68%, 49%, 40%)
Oklch
oklch(47.6% 0.141 7.5)

Traditional「Dark Violet」· Paint「Camellia」· Creative Blush Sunrise

#CB832B

Ochre · Chocolate · Amber Brown

HEX
#CB832B
RGB
rgb(203, 131, 43)
HSL
hsl(33, 65%, 48%)
HSB
hsb(33, 79%, 80%)
CMYK
cmyk(0%, 35%, 79%, 20%)
Oklch
oklch(67.0% 0.132 66.5)

Traditional「Ochre」· Paint「Amber Brown」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

26061F
06280D

Analogous

1E0628
26061F
280610

Triadic

26061F
202806
062028

Split-Comp.

26061F
102806
06281E

Tetradic

26061F
281E06
06280D
061028

Contrast Matrix WCAG 2.1 Contrast

26061F
350A31
5C1D40
9A314E
CB832B
—
1.1
Fail
1.5
Fail
2.6
Fail
6.0
AA
1.1
Fail
—
1.4
Fail
2.4
Fail
5.5
AA
1.5
Fail
1.4
Fail
—
1.7
Fail
4.0
AA Large
2.6
Fail
2.4
Fail
1.7
Fail
—
2.3
Fail
6.0
AA
5.5
AA
4.0
AA Large
2.3
Fail
—
White BG
18.6AAA
16.9AAA
12.3AAA
7.2AAA
3.1AA Large
Black BG
1.1Fail
1.2Fail
1.7Fail
2.9Fail
6.8AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

181819
222228
414038
6D6C47
ACAB40

Deuteranopia

1A1C18
252825
444936
737B45
B0B545

Tritanopia

241413
33201E
59312F
954140
C75155

Achromatopsia

121212
1B1B1B
343434
545454
8E8E8E

Shades & Tints Shades & Tints

#26061F

Dark
Light

#350A31

Dark
Light

#5C1D40

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #26061f;
  --color-2: #350a31;
  --color-3: #5c1d40;
  --color-4: #9a314e;
  --color-5: #cb832b;
}

SCSS

$color-1: #26061f;
$color-2: #350a31;
$color-3: #5c1d40;
$color-4: #9a314e;
$color-5: #cb832b;

TAILWIND

colors: {
  'brand-1': '#26061f',
  'brand-2': '#350a31',
  'brand-3': '#5c1d40',
  'brand-4': '#9a314e',
  'brand-5': '#cb832b',
}

RGB Array

[38, 6, 31], [53, 10, 49], [92, 29, 64], [154, 49, 78], [203, 131, 43]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #26061F, #350A31, #5C1D40, #9A314E, #CB832B is ideal for: social media posters, mobile apps, e-commerce promos, tech websites, dark mode UIs, game UIs. Vivid colors effectively attract user attention. It is a vibrant and energetic choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #26061f; --color-2: #350a31; --color-3: #5c1d40; --color-4: #9a314e; --color-5: #cb832b. 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?

Dark tones work well as backgrounds; pair with light text for readability. Use the brightest color for CTA buttons and interactive elements. 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 food & dining, entertainment, kids education, social industries. Bold colors convey vitality and innovation. 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