#DD2A39 + #A74559 + #716179 + #3B7C99 + #0597B9 · sea - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#DD2A39

Vermilion · Crimson · Passion Red

HEX

#DD2A39

RGB

rgb(221, 42, 57)

HSL

hsl(355, 72%, 52%)

HSB

hsb(355, 81%, 87%)

CMYK

cmyk(0%, 81%, 74%, 13%)

Oklch

oklch(58.3% 0.212 23.2)

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

#A74559

Crimson · Sienna · Passion Red

HEX

#A74559

RGB

rgb(167, 69, 89)

HSL

hsl(348, 42%, 46%)

HSB

hsb(348, 59%, 65%)

CMYK

cmyk(0%, 59%, 47%, 35%)

Oklch

oklch(52.6% 0.130 10.1)

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

#716179

Dark Plum · DimGray · Violet

HEX

#716179

RGB

rgb(113, 97, 121)

HSL

hsl(280, 11%, 43%)

HSB

hsb(280, 20%, 47%)

CMYK

cmyk(7%, 20%, 0%, 53%)

Oklch

oklch(51.7% 0.042 314.4)

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

#3B7C99

Slate Blue · SteelBlue · Mint Ice

HEX

#3B7C99

RGB

rgb(59, 124, 153)

HSL

hsl(199, 44%, 42%)

HSB

hsb(199, 61%, 60%)

CMYK

cmyk(61%, 19%, 0%, 40%)

Oklch

oklch(55.6% 0.080 229.7)

Traditional「Slate Blue」· Paint「Mint Ice」· Creative Blush Sunrise

#0597B9

Lake Blue · LightSeaGreen · Mint Ice

HEX

#0597B9

RGB

rgb(5, 151, 185)

HSL

hsl(191, 95%, 37%)

HSB

hsb(191, 97%, 73%)

CMYK

cmyk(97%, 18%, 0%, 27%)

Oklch

oklch(62.7% 0.115 221.4)

Traditional「Lake Blue」· Paint「Mint Ice」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

DD2A39

2CDDCE

Analogous

DD2C93

DD2A39

DD762C

Triadic

DD2A39

3BDD2C

2C3BDD

Split-Comp.

DD2A39

2CDD76

2C93DD

Tetradic

DD2A39

93DD2C

2CDDCE

762CDD

Contrast Matrix WCAG 2.1 Contrast

DD2A39	A74559	716179	3B7C99	0597B9
—	1.2 Fail	1.2 Fail	1.0 Fail	1.4 Fail
1.2 Fail	—	1.0 Fail	1.2 Fail	1.7 Fail
1.2 Fail	1.0 Fail	—	1.2 Fail	1.7 Fail
1.0 Fail	1.2 Fail	1.2 Fail	—	1.4 Fail
1.4 Fail	1.7 Fail	1.7 Fail	1.4 Fail	—

White BG

4.7AA

5.8AA

5.7AA

4.6AA

3.4AA Large

Black BG

4.5AA Large

3.6AA Large

3.7AA Large

4.5AA

6.1AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

8F8E35

7D7C54

6A6A73

575892

4446B1

Deuteranopia

9AA735

828A53

6B6C72

534F90

3C31AF

Tritanopia

D43332

A25050

706F6E

3E8C8B

0CAAA9

Achromatopsia

616161

656565

696969

6C6C6C

6F6F6F

Shades & Tints Shades & Tints

#DD2A39

Dark

Light

#A74559

Dark

Light

#716179

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #dd2a39;
  --color-2: #a74559;
  --color-3: #716179;
  --color-4: #3b7c99;
  --color-5: #0597b9;
}

SCSS

$color-1: #dd2a39;
$color-2: #a74559;
$color-3: #716179;
$color-4: #3b7c99;
$color-5: #0597b9;

TAILWIND

colors: {
  'brand-1': '#dd2a39',
  'brand-2': '#a74559',
  'brand-3': '#716179',
  'brand-4': '#3b7c99',
  'brand-5': '#0597b9',
}

RGB Array

[221, 42, 57], [167, 69, 89], [113, 97, 121], [59, 124, 153], [5, 151, 185]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #DD2A39, #A74559, #716179, #3B7C99, #0597B9 is ideal for: corporate websites, product showcases, portfolios. 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: #dd2a39; --color-2: #a74559; --color-3: #716179; --color-4: #3b7c99; --color-5: #0597b9. 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. 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