← Back to Editor

#26132F · #73504C · #DE8E53 · #740C13 · #D55A3B

sea

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#26132F

Dark Plum · Black · Dark Purple

HEX
#26132F
RGB
rgb(38, 19, 47)
HSL
hsl(281, 42%, 13%)
HSB
hsb(281, 60%, 18%)
CMYK
cmyk(19%, 60%, 0%, 82%)
Oklch
oklch(22.8% 0.058 314.0)

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

#73504C

Crimson · DimGray · Wine Red

HEX
#73504C
RGB
rgb(115, 80, 76)
HSL
hsl(6, 20%, 37%)
HSB
hsb(6, 34%, 45%)
CMYK
cmyk(0%, 30%, 34%, 55%)
Oklch
oklch(46.8% 0.048 26.3)

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

#DE8E53

Tangerine · SandyBrown · Warm Sun

HEX
#DE8E53
RGB
rgb(222, 142, 83)
HSL
hsl(25, 68%, 60%)
HSB
hsb(25, 63%, 87%)
CMYK
cmyk(0%, 36%, 63%, 13%)
Oklch
oklch(71.7% 0.123 55.7)

Traditional「Tangerine」· Paint「Warm Sun」· Creative Blush Sunrise

#740C13

Vermilion · Maroon · Wine Red

HEX
#740C13
RGB
rgb(116, 12, 19)
HSL
hsl(356, 81%, 25%)
HSB
hsb(356, 90%, 45%)
CMYK
cmyk(0%, 90%, 84%, 55%)
Oklch
oklch(35.9% 0.136 25.1)

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

#D55A3B

Vermilion · Chocolate · Passion Red

HEX
#D55A3B
RGB
rgb(213, 90, 59)
HSL
hsl(12, 65%, 53%)
HSB
hsb(12, 72%, 84%)
CMYK
cmyk(0%, 58%, 72%, 16%)
Oklch
oklch(61.9% 0.162 35.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

26132F
1C2F13

Analogous

18132F
26132F
2F132A

Triadic

26132F
2F2613
132F26

Split-Comp.

26132F
2A2F13
132F18

Tetradic

26132F
2F1813
1C2F13
132A2F

Contrast Matrix WCAG 2.1 Contrast

26132F
73504C
DE8E53
740C13
D55A3B
—
2.5
Fail
6.7
AA
1.5
Fail
4.4
AA Large
2.5
Fail
—
2.7
Fail
1.7
Fail
1.8
Fail
6.7
AA
2.7
Fail
—
4.5
AA Large
1.5
Fail
1.5
Fail
1.7
Fail
4.5
AA Large
—
3.0
Fail
4.4
AA Large
1.8
Fail
1.5
Fail
3.0
Fail
—
White BG
17.3AAA
7.0AAA
2.6Fail
11.6AAA
3.9AA Large
Black BG
1.2Fail
3.0Fail
8.1AAA
1.8Fail
5.4AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

1E1E28
64644D
BBBB61
474611
A09F43

Deuteranopia

1F2027
66694D
C0C665
4D5511
A7B044

Tritanopia

252322
714E4E
DA6D6F
6F1010
CF484A

Achromatopsia

1C1C1C
5A5A5A
9F9F9F
2C2C2C
7B7B7B

Shades & Tints Shades & Tints

#26132F

Dark
Light

#73504C

Dark
Light

#DE8E53

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #26132f;
  --color-2: #73504c;
  --color-3: #de8e53;
  --color-4: #740c13;
  --color-5: #d55a3b;
}

SCSS

$color-1: #26132f;
$color-2: #73504c;
$color-3: #de8e53;
$color-4: #740c13;
$color-5: #d55a3b;

TAILWIND

colors: {
  'brand-1': '#26132f',
  'brand-2': '#73504c',
  'brand-3': '#de8e53',
  'brand-4': '#740c13',
  'brand-5': '#d55a3b',
}

RGB Array

[38, 19, 47], [115, 80, 76], [222, 142, 83], [116, 12, 19], [213, 90, 59]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #26132F, #73504C, #DE8E53, #740C13, #D55A3B is ideal for: tech websites, dark mode UIs, game UIs, 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: #26132f; --color-2: #73504c; --color-3: #de8e53; --color-4: #740c13; --color-5: #d55a3b. 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. 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