← Back to Editor

#75AE9D · #381B2F · #D2352E · #D1754C · #DBBD3B

sea

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#75AE9D

Mineral Blue · CadetBlue · Lake Green

HEX
#75AE9D
RGB
rgb(117, 174, 157)
HSL
hsl(162, 26%, 57%)
HSB
hsb(162, 33%, 68%)
CMYK
cmyk(33%, 0%, 10%, 32%)
Oklch
oklch(70.6% 0.065 173.7)

Traditional「Mineral Blue」· Paint「Lake Green」· Creative Blush Sunrise

#381B2F

Rose Purple · DarkSlateGray · Dark Purple

HEX
#381B2F
RGB
rgb(56, 27, 47)
HSL
hsl(319, 35%, 16%)
HSB
hsb(319, 52%, 22%)
CMYK
cmyk(0%, 52%, 16%, 78%)
Oklch
oklch(27.1% 0.055 339.9)

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

#D2352E

Vermilion · Crimson · Passion Red

HEX
#D2352E
RGB
rgb(210, 53, 46)
HSL
hsl(3, 65%, 50%)
HSB
hsb(3, 78%, 82%)
CMYK
cmyk(0%, 75%, 78%, 18%)
Oklch
oklch(57.1% 0.195 27.8)

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

#D1754C

Tangerine · Coral · Warm Sun

HEX
#D1754C
RGB
rgb(209, 117, 76)
HSL
hsl(18, 59%, 56%)
HSB
hsb(18, 64%, 82%)
CMYK
cmyk(0%, 44%, 64%, 18%)
Oklch
oklch(65.7% 0.128 44.0)

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

#DBBD3B

Ginger · GoldenRod · Sunflower

HEX
#DBBD3B
RGB
rgb(219, 189, 59)
HSL
hsl(49, 69%, 55%)
HSB
hsb(49, 73%, 86%)
CMYK
cmyk(0%, 14%, 73%, 14%)
Oklch
oklch(80.2% 0.146 95.6)

Traditional「Ginger」· Paint「Sunflower」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

75AE9D
AE7586

Analogous

75AE80
75AE9D
75A2AE

Triadic

75AE9D
9D75AE
AE9D75

Split-Comp.

75AE9D
AE75A2
AE8075

Tetradic

75AE9D
8075AE
AE7586
A2AE75

Contrast Matrix WCAG 2.1 Contrast

75AE9D
381B2F
D2352E
D1754C
DBBD3B
—
6.1
AA
1.9
Fail
1.3
Fail
1.4
Fail
6.1
AA
—
3.1
AA Large
4.7
AA
8.3
AAA
1.9
Fail
3.1
AA Large
—
1.5
Fail
2.6
Fail
1.3
Fail
4.7
AA
1.5
Fail
—
1.8
Fail
1.4
Fail
8.3
AAA
2.6
Fail
1.8
Fail
—
White BG
2.5Fail
15.4AAA
4.9AA
3.3AA Large
1.8Fail
Black BG
8.3AAA
1.4Fail
4.3AA Large
6.4AA
11.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

8E8EA1
2B2B2A
8E8D30
A9A856
CECE5A

Deuteranopia

8A86A2
2D2F29
97A330
AFB558
D0D262

Tritanopia

78A4A5
372626
CA3131
CC5E5F
D97379

Achromatopsia

9B9B9B
262626
636363
8C8C8C
B7B7B7

Shades & Tints Shades & Tints

#75AE9D

Dark
Light

#381B2F

Dark
Light

#D2352E

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #75ae9d;
  --color-2: #381b2f;
  --color-3: #d2352e;
  --color-4: #d1754c;
  --color-5: #dbbd3b;
}

SCSS

$color-1: #75ae9d;
$color-2: #381b2f;
$color-3: #d2352e;
$color-4: #d1754c;
$color-5: #dbbd3b;

TAILWIND

colors: {
  'brand-1': '#75ae9d',
  'brand-2': '#381b2f',
  'brand-3': '#d2352e',
  'brand-4': '#d1754c',
  'brand-5': '#dbbd3b',
}

RGB Array

[117, 174, 157], [56, 27, 47], [210, 53, 46], [209, 117, 76], [219, 189, 59]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #75AE9D, #381B2F, #D2352E, #D1754C, #DBBD3B is ideal for: 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: #75ae9d; --color-2: #381b2f; --color-3: #d2352e; --color-4: #d1754c; --color-5: #dbbd3b. 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?

Medium-brightness colors suit brand primary and accent colors. Use the darkest for text, lightest for backgrounds, and mid-tones for emphasis. 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