← Back to Editor

#45595A · #786650 · #E86A42 · #E2A672 · #F9C593

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

#45595A

Slate Blue · DarkSlateGray · Mint Ice

HEX
#45595A
RGB
rgb(69, 89, 90)
HSL
hsl(183, 13%, 31%)
HSB
hsb(183, 23%, 35%)
CMYK
cmyk(23%, 1%, 0%, 65%)
Oklch
oklch(44.8% 0.025 200.1)

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

#786650

Ochre · DimGray · Amber Brown

HEX
#786650
RGB
rgb(120, 102, 80)
HSL
hsl(33, 20%, 39%)
HSB
hsb(33, 33%, 47%)
CMYK
cmyk(0%, 15%, 33%, 53%)
Oklch
oklch(52.2% 0.040 72.4)

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

#E86A42

Vermilion · Tomato · Passion Red

HEX
#E86A42
RGB
rgb(232, 106, 66)
HSL
hsl(14, 78%, 58%)
HSB
hsb(14, 72%, 91%)
CMYK
cmyk(0%, 54%, 72%, 9%)
Oklch
oklch(67.1% 0.166 38.0)

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

#E2A672

Apricot · DarkSalmon · Warm Sun

HEX
#E2A672
RGB
rgb(226, 166, 114)
HSL
hsl(28, 66%, 67%)
HSB
hsb(28, 50%, 89%)
CMYK
cmyk(0%, 27%, 50%, 11%)
Oklch
oklch(77.0% 0.098 61.5)

Traditional「Apricot」· Paint「Warm Sun」· Creative Honey Glow

#F9C593

Apricot · BurlyWood · Peach Orange

HEX
#F9C593
RGB
rgb(249, 197, 147)
HSL
hsl(29, 89%, 78%)
HSB
hsb(29, 41%, 98%)
CMYK
cmyk(0%, 21%, 41%, 2%)
Oklch
oklch(85.8% 0.088 65.1)

Traditional「Apricot」· Paint「Peach Orange」· Creative Honey Glow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

45595A
594645

Analogous

455950
45595A
454E59

Triadic

45595A
594558
585945

Split-Comp.

45595A
59454E
595045

Tetradic

45595A
504559
594645
4E5945

Contrast Matrix WCAG 2.1 Contrast

45595A
786650
E86A42
E2A672
F9C593
—
1.3
Fail
2.3
Fail
3.5
AA Large
4.7
AA
1.3
Fail
—
1.7
Fail
2.6
Fail
3.5
AA Large
2.3
Fail
1.7
Fail
—
1.5
Fail
2.0
Fail
3.5
AA Large
2.6
Fail
1.5
Fail
—
1.4
Fail
4.7
AA
3.5
AA Large
2.0
Fail
1.4
Fail
—
White BG
7.4AAA
5.5AA
3.2AA Large
2.1Fail
1.6Fail
Black BG
2.8Fail
3.8AA Large
6.6AA
9.9AAA
13.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

4E4E5A
707055
B1B04C
C8C77F
E2E29F

Deuteranopia

4D4B5A
717357
B9C24E
CCD082
E6E9A2

Tritanopia

465A5A
775A5A
E25355
DF898B
F6A9AB

Achromatopsia

535353
696969
8B8B8B
B2B2B2
CFCFCF

Shades & Tints Shades & Tints

#45595A

Dark
Light

#786650

Dark
Light

#E86A42

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #45595a;
  --color-2: #786650;
  --color-3: #e86a42;
  --color-4: #e2a672;
  --color-5: #f9c593;
}

SCSS

$color-1: #45595a;
$color-2: #786650;
$color-3: #e86a42;
$color-4: #e2a672;
$color-5: #f9c593;

TAILWIND

colors: {
  'brand-1': '#45595a',
  'brand-2': '#786650',
  'brand-3': '#e86a42',
  'brand-4': '#e2a672',
  'brand-5': '#f9c593',
}

RGB Array

[69, 89, 90], [120, 102, 80], [232, 106, 66], [226, 166, 114], [249, 197, 147]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #45595A, #786650, #E86A42, #E2A672, #F9C593 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: #45595a; --color-2: #786650; --color-3: #e86a42; --color-4: #e2a672; --color-5: #f9c593. 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