#1C6574 + #39836C + #2C7057 + #154E3B + #0B1608 · sea - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#1C6574

Lake Blue · Teal · Mint Ice

HEX

#1C6574

RGB

rgb(28, 101, 116)

HSL

hsl(190, 61%, 28%)

HSB

hsb(190, 76%, 45%)

CMYK

cmyk(76%, 13%, 0%, 55%)

Oklch

oklch(47.0% 0.073 214.6)

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

#39836C

Mineral Blue · SeaGreen · Mint Ice

HEX

#39836C

RGB

rgb(57, 131, 108)

HSL

hsl(161, 39%, 37%)

HSB

hsb(161, 56%, 51%)

CMYK

cmyk(56%, 0%, 18%, 49%)

Oklch

oklch(55.6% 0.083 170.1)

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

#2C7057

Mineral Blue · SeaGreen · Forest Green

HEX

#2C7057

RGB

rgb(44, 112, 87)

HSL

hsl(158, 44%, 31%)

HSB

hsb(158, 61%, 44%)

CMYK

cmyk(61%, 0%, 22%, 56%)

Oklch

oklch(49.4% 0.080 166.0)

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

#154E3B

Mineral Blue · DarkSlateGray · Peacock Green

HEX

#154E3B

RGB

rgb(21, 78, 59)

HSL

hsl(160, 58%, 19%)

HSB

hsb(160, 73%, 31%)

CMYK

cmyk(73%, 0%, 24%, 69%)

Oklch

oklch(38.1% 0.067 166.9)

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

#0B1608

Celadon · Black · Dark Green

HEX

#0B1608

RGB

rgb(11, 22, 8)

HSL

hsl(107, 47%, 6%)

HSB

hsb(107, 64%, 9%)

CMYK

cmyk(50%, 0%, 64%, 91%)

Oklch

oklch(18.5% 0.032 139.0)

Traditional「Celadon」· Paint「Dark Green」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

1C6574

732A1C

Analogous

1C7356

1C6574

1C3973

Triadic

1C6574

731C64

64731C

Split-Comp.

1C6574

731C39

73561C

Tetradic

1C6574

561C73

732A1C

39731C

Contrast Matrix WCAG 2.1 Contrast

1C6574	39836C	2C7057	154E3B	0B1608
—	1.5 Fail	1.1 Fail	1.4 Fail	2.8 Fail
1.5 Fail	—	1.3 Fail	2.1 Fail	4.1 AA Large
1.1 Fail	1.3 Fail	—	1.6 Fail	3.1 AA Large
1.4 Fail	2.1 Fail	1.6 Fail	—	1.9 Fail
2.8 Fail	4.1 AA Large	3.1 AA Large	1.9 Fail	—

White BG

6.6AA

4.5AA

5.9AA

9.6AAA

18.5AAA

Black BG

3.2AA Large

4.6AA

3.6AA Large

2.2Fail

1.1Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

3C3C70

595A72

494A5D

2E2E40

10100B

Deuteranopia

37326F

554F73

46405F

2A2641

0F0E0C

Tritanopia

206E6D

3D7677

2F6263

184344

0C0E0F

Achromatopsia

515151

6A6A6A

595959

3B3B3B

111111

Shades & Tints Shades & Tints

#1C6574

Dark

Light

#39836C

Dark

Light

#2C7057

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #1c6574;
  --color-2: #39836c;
  --color-3: #2c7057;
  --color-4: #154e3b;
  --color-5: #0b1608;
}

SCSS

$color-1: #1c6574;
$color-2: #39836c;
$color-3: #2c7057;
$color-4: #154e3b;
$color-5: #0b1608;

TAILWIND

colors: {
  'brand-1': '#1c6574',
  'brand-2': '#39836c',
  'brand-3': '#2c7057',
  'brand-4': '#154e3b',
  'brand-5': '#0b1608',
}

RGB Array

[28, 101, 116], [57, 131, 108], [44, 112, 87], [21, 78, 59], [11, 22, 8]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #1C6574, #39836C, #2C7057, #154E3B, #0B1608 is ideal for: tech websites, dark mode UIs, game UIs. 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: #1c6574; --color-2: #39836c; --color-3: #2c7057; --color-4: #154e3b; --color-5: #0b1608. 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?

Dark tones work well as backgrounds; pair with light text for readability. Use the brightest color for CTA buttons and interactive elements. 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