← Back to Editor

#725E75 · #6E8190 · #4CADAC · #DDFA13 · #E0EAED

sea

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#725E75

Dark Plum · DimGray · Violet

HEX
#725E75
RGB
rgb(114, 94, 117)
HSL
hsl(292, 11%, 41%)
HSB
hsb(292, 20%, 46%)
CMYK
cmyk(3%, 20%, 0%, 54%)
Oklch
oklch(51.0% 0.043 321.9)

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

#6E8190

Slate Blue · SlateGray · Navy Blue

HEX
#6E8190
RGB
rgb(110, 129, 144)
HSL
hsl(206, 13%, 50%)
HSB
hsb(206, 24%, 56%)
CMYK
cmyk(24%, 10%, 0%, 44%)
Oklch
oklch(59.3% 0.032 241.9)

Traditional「Slate Blue」· Paint「Navy Blue」· Creative Blush Sunrise

#4CADAC

Mineral Blue · CadetBlue · Mint Ice

HEX
#4CADAC
RGB
rgb(76, 173, 172)
HSL
hsl(179, 39%, 49%)
HSB
hsb(179, 56%, 68%)
CMYK
cmyk(56%, 0%, 1%, 32%)
Oklch
oklch(69.0% 0.091 194.3)

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

#DDFA13

Autumn Sage · Yellow · Sunflower

HEX
#DDFA13
RGB
rgb(221, 250, 19)
HSL
hsl(68, 96%, 53%)
HSB
hsb(68, 92%, 98%)
CMYK
cmyk(12%, 0%, 92%, 2%)
Oklch
oklch(93.2% 0.214 118.0)

Traditional「Autumn Sage」· Paint「Sunflower」· Creative Blush Sunrise

#E0EAED

Sky Blue · Lavender · Glacier Blue

HEX
#E0EAED
RGB
rgb(224, 234, 237)
HSL
hsl(194, 27%, 90%)
HSB
hsb(194, 5%, 93%)
CMYK
cmyk(5%, 1%, 0%, 7%)
Oklch
oklch(93.0% 0.011 217.5)

Traditional「Sky Blue」· Paint「Glacier Blue」· Creative Arctic Pool

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

725E75
60745D

Analogous

655D74
725E75
745D6C

Triadic

725E75
74715D
5D7471

Split-Comp.

725E75
6C745D
5D7465

Tetradic

725E75
74655D
60745D
5D6C74

Contrast Matrix WCAG 2.1 Contrast

725E75
6E8190
4CADAC
DDFA13
E0EAED
—
1.5
Fail
2.2
Fail
5.0
AA
4.8
AA
1.5
Fail
—
1.5
Fail
3.4
AA Large
3.3
AA Large
2.2
Fail
1.5
Fail
—
2.3
Fail
2.2
Fail
5.0
AA
3.4
AA Large
2.3
Fail
—
1.0
Fail
4.8
AA
3.3
AA Large
2.2
Fail
1.0
Fail
—
White BG
5.9AA
4.0AA Large
2.7Fail
1.2Fail
1.2Fail
Black BG
3.6AA Large
5.2AA
7.9AAA
17.8AAA
17.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

69696F
76768C
7677AC
EAEA4B
E4E4EC

Deuteranopia

6B6C6E
75748C
7069AC
E8E658
E4E3EC

Tritanopia

716B6A
6F8A89
51ACAC
DE7781
E0ECEC

Achromatopsia

676767
7D7D7D
909090
D7D7D7
E7E7E7

Shades & Tints Shades & Tints

#725E75

Dark
Light

#6E8190

Dark
Light

#4CADAC

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #725e75;
  --color-2: #6e8190;
  --color-3: #4cadac;
  --color-4: #ddfa13;
  --color-5: #e0eaed;
}

SCSS

$color-1: #725e75;
$color-2: #6e8190;
$color-3: #4cadac;
$color-4: #ddfa13;
$color-5: #e0eaed;

TAILWIND

colors: {
  'brand-1': '#725e75',
  'brand-2': '#6e8190',
  'brand-3': '#4cadac',
  'brand-4': '#ddfa13',
  'brand-5': '#e0eaed',
}

RGB Array

[114, 94, 117], [110, 129, 144], [76, 173, 172], [221, 250, 19], [224, 234, 237]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #725E75, #6E8190, #4CADAC, #DDFA13, #E0EAED 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: #725e75; --color-2: #6e8190; --color-3: #4cadac; --color-4: #ddfa13; --color-5: #e0eaed. 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