← Back to Editor

#991C3A · #D97F29 · #F4D062 · #62B490 · #75334E

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 Library

Color Details Color Details

#991C3A

Vermilion · Brown · Wine Red

HEX
#991C3A
RGB
rgb(153, 28, 58)
HSL
hsl(346, 69%, 35%)
HSB
hsb(346, 82%, 60%)
CMYK
cmyk(0%, 82%, 62%, 40%)
Oklch
oklch(45.0% 0.159 13.6)

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

#D97F29

Tangerine · Chocolate · Warm Sun

HEX
#D97F29
RGB
rgb(217, 127, 41)
HSL
hsl(29, 70%, 51%)
HSB
hsb(29, 81%, 85%)
CMYK
cmyk(0%, 41%, 81%, 15%)
Oklch
oklch(68.1% 0.146 58.9)

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

#F4D062

Ginger · SandyBrown · Sunflower

HEX
#F4D062
RGB
rgb(244, 208, 98)
HSL
hsl(45, 87%, 67%)
HSB
hsb(45, 60%, 96%)
CMYK
cmyk(0%, 15%, 60%, 4%)
Oklch
oklch(86.7% 0.134 91.3)

Traditional「Ginger」· Paint「Sunflower」· Creative Lemon Fizz

#62B490

Mineral Blue · CadetBlue · Olive Green

HEX
#62B490
RGB
rgb(98, 180, 144)
HSL
hsl(154, 35%, 55%)
HSB
hsb(154, 46%, 71%)
CMYK
cmyk(46%, 0%, 20%, 29%)
Oklch
oklch(70.8% 0.097 163.6)

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

#75334E

Dark Violet · Brown · Camellia

HEX
#75334E
RGB
rgb(117, 51, 78)
HSL
hsl(335, 39%, 33%)
HSB
hsb(335, 56%, 46%)
CMYK
cmyk(0%, 56%, 33%, 54%)
Oklch
oklch(41.9% 0.098 356.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

991C3A
1C977A

Analogous

971C76
991C3A
973D1C

Triadic

991C3A
38971C
1C3897

Split-Comp.

991C3A
1C973D
1C7697

Tetradic

991C3A
76971C
1C977A
3D1C97

Contrast Matrix WCAG 2.1 Contrast

991C3A
D97F29
F4D062
62B490
75334E
—
2.7
Fail
5.4
AA
3.3
AA Large
1.1
Fail
2.7
Fail
—
2.0
Fail
1.2
Fail
3.0
Fail
5.4
AA
2.0
Fail
—
1.7
Fail
6.0
AA
3.3
AA Large
1.2
Fail
1.7
Fail
—
3.6
AA Large
1.1
Fail
3.0
Fail
6.0
AA
3.6
AA Large
—
White BG
8.1AAA
3.0Fail
1.5Fail
2.5Fail
9.0AAA
Black BG
2.6Fail
7.0AAA
14.0AAA
8.5AAA
2.3Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

636233
B2B13E
E4E47D
868699
585847

Deuteranopia

6A7431
B7BE43
E7E983
817B9B
5C6146

Tritanopia

932D2C
D44E52
F29296
66A0A1
724241

Achromatopsia

454545
909090
CECECE
979797
4A4A4A

Shades & Tints Shades & Tints

#991C3A

Dark
Light

#D97F29

Dark
Light

#F4D062

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #991c3a;
  --color-2: #d97f29;
  --color-3: #f4d062;
  --color-4: #62b490;
  --color-5: #75334e;
}

SCSS

$color-1: #991c3a;
$color-2: #d97f29;
$color-3: #f4d062;
$color-4: #62b490;
$color-5: #75334e;

TAILWIND

colors: {
  'brand-1': '#991c3a',
  'brand-2': '#d97f29',
  'brand-3': '#f4d062',
  'brand-4': '#62b490',
  'brand-5': '#75334e',
}

RGB Array

[153, 28, 58], [217, 127, 41], [244, 208, 98], [98, 180, 144], [117, 51, 78]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #991C3A, #D97F29, #F4D062, #62B490, #75334E 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: #991c3a; --color-2: #d97f29; --color-3: #f4d062; --color-4: #62b490; --color-5: #75334e. 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