← Back to Editor

#0D727A · #02535A · #000000 · #C7C765 · #FFFFFF

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

#0D727A

Lake Blue · Teal · Mint Ice

HEX
#0D727A
RGB
rgb(13, 114, 122)
HSL
hsl(184, 81%, 26%)
HSB
hsb(184, 89%, 48%)
CMYK
cmyk(89%, 7%, 0%, 52%)
Oklch
oklch(50.4% 0.083 203.7)

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

#02535A

Lake Blue · DarkSlateGray · Peacock Green

HEX
#02535A
RGB
rgb(2, 83, 90)
HSL
hsl(185, 96%, 18%)
HSB
hsb(185, 98%, 35%)
CMYK
cmyk(98%, 8%, 0%, 65%)
Oklch
oklch(40.4% 0.068 204.8)

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

#000000

Ink Black · Black · Jet Black

HEX
#000000
RGB
rgb(0, 0, 0)
HSL
hsl(0, 0%, 0%)
HSB
hsb(0, 0%, 0%)
CMYK
cmyk(0%, 0%, 0%, 100%)
Oklch
oklch(0.0% 0.000 0.0)

Traditional「Ink Black」· Paint「Jet Black」· Creative Midnight Shadow

#C7C765

Autumn Sage · BurlyWood · Sunflower

HEX
#C7C765
RGB
rgb(199, 199, 101)
HSL
hsl(60, 47%, 59%)
HSB
hsb(60, 49%, 78%)
CMYK
cmyk(0%, 0%, 49%, 22%)
Oklch
oklch(80.9% 0.121 108.8)

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

#FFFFFF

Moonlight White · White · Cloud White

HEX
#FFFFFF
RGB
rgb(255, 255, 255)
HSL
hsl(0, 0%, 100%)
HSB
hsb(0, 0%, 100%)
CMYK
cmyk(0%, 0%, 0%, 0%)
Oklch
oklch(100.0% 0.000 89.9)

Traditional「Moonlight White」· Paint「Cloud White」· Creative Morning Mist

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

0D727A
78140D

Analogous

0D7849
0D727A
0D3B78

Triadic

0D727A
780D71
71780D

Split-Comp.

0D727A
780D3B
78490D

Tetradic

0D727A
490D78
78140D
3B780D

Contrast Matrix WCAG 2.1 Contrast

0D727A
02535A
000000
C7C765
FFFFFF
—
1.6
Fail
3.7
AA Large
3.2
AA Large
5.7
AA
1.6
Fail
—
2.4
Fail
4.9
AA
8.8
AAA
3.7
AA Large
2.4
Fail
—
11.8
AAA
21.0
AAA
3.2
AA Large
4.9
AA
11.8
AAA
—
1.8
Fail
5.7
AA
8.8
AAA
21.0
AAA
1.8
Fail
—
White BG
5.7AA
8.8AAA
21.0AAA
1.8Fail
1.0Fail
Black BG
3.7AA Large
2.4Fail
1.0Fail
11.8AAA
21.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

393A78
252658
000000
C7C77D
FFFFFF

Deuteranopia

332B78
201A58
000000
C7C782
FFFFFF

Tritanopia

127776
065757
000000
C78F94
FFFFFF

Achromatopsia

555555
3C3C3C
000000
BCBCBC
FFFFFF

Shades & Tints Shades & Tints

#0D727A

Dark
Light

#02535A

Dark
Light

#000000

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #0d727a;
  --color-2: #02535a;
  --color-3: #000000;
  --color-4: #c7c765;
  --color-5: #ffffff;
}

SCSS

$color-1: #0d727a;
$color-2: #02535a;
$color-3: #000000;
$color-4: #c7c765;
$color-5: #ffffff;

TAILWIND

colors: {
  'brand-1': '#0d727a',
  'brand-2': '#02535a',
  'brand-3': '#000000',
  'brand-4': '#c7c765',
  'brand-5': '#ffffff',
}

RGB Array

[13, 114, 122], [2, 83, 90], [0, 0, 0], [199, 199, 101], [255, 255, 255]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #0D727A, #02535A, #000000, #C7C765, #FFFFFF 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: #0d727a; --color-2: #02535a; --color-3: #000000; --color-4: #c7c765; --color-5: #ffffff. 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