#75C228 + #268FAC + #2F6F78 + #3F5048 + #3B432B · 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

#75C228

Pine Green · LimeGreen · Olive Green

HEX

#75C228

RGB

rgb(117, 194, 40)

HSL

hsl(90, 66%, 46%)

HSB

hsb(90, 79%, 76%)

CMYK

cmyk(40%, 0%, 79%, 24%)

Oklch

oklch(73.6% 0.194 133.3)

Traditional「Pine Green」· Paint「Olive Green」· Creative Blush Sunrise

#268FAC

Lake Blue · SteelBlue · Mint Ice

HEX

#268FAC

RGB

rgb(38, 143, 172)

HSL

hsl(193, 64%, 41%)

HSB

hsb(193, 78%, 67%)

CMYK

cmyk(78%, 17%, 0%, 33%)

Oklch

oklch(60.5% 0.100 221.1)

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

#2F6F78

Slate Blue · SeaGreen · Mint Ice

HEX

#2F6F78

RGB

rgb(47, 111, 120)

HSL

hsl(187, 44%, 33%)

HSB

hsb(187, 61%, 47%)

CMYK

cmyk(61%, 7%, 0%, 53%)

Oklch

oklch(50.4% 0.066 207.8)

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

#3F5048

Mineral Blue · DarkSlateGray · Forest Green

HEX

#3F5048

RGB

rgb(63, 80, 72)

HSL

hsl(152, 12%, 28%)

HSB

hsb(152, 21%, 31%)

CMYK

cmyk(21%, 0%, 10%, 69%)

Oklch

oklch(41.4% 0.025 164.9)

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

#3B432B

Grass Green · DarkSlateGray · Forest Green

HEX

#3B432B

RGB

rgb(59, 67, 43)

HSL

hsl(80, 22%, 22%)

HSB

hsb(80, 36%, 26%)

CMYK

cmyk(12%, 0%, 36%, 74%)

Oklch

oklch(36.8% 0.040 123.4)

Traditional「Grass Green」· Paint「Forest Green」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

75C228

7528C3

Analogous

C3C328

75C228

28C328

Triadic

75C228

2875C3

C32875

Split-Comp.

75C228

2828C3

C328C3

Tetradic

75C228

28C3C3

7528C3

C32828

Contrast Matrix WCAG 2.1 Contrast

75C228	268FAC	2F6F78	3F5048	3B432B
—	1.7 Fail	2.6 Fail	3.9 AA Large	4.7 AA
1.7 Fail	—	1.5 Fail	2.3 Fail	2.8 Fail
2.6 Fail	1.5 Fail	—	1.5 Fail	1.8 Fail
3.9 AA Large	2.3 Fail	1.5 Fail	—	1.2 Fail
4.7 AA	2.8 Fail	1.8 Fail	1.2 Fail	—

White BG

2.2Fail

3.7AA Large

5.7AA

8.6AAA

10.4AAA

Black BG

9.5AAA

5.6AA

3.7AA Large

2.5Fail

2.0Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

96974D

5354A5

4B4B76

46474A

3E3F31

Deuteranopia

928C56

4D46A3

474275

45444A

3E3D32

Tritanopia

796B71

2B9F9E

327474

404B4C

3B3536

Achromatopsia

999999

737373

5D5D5D

4A4A4A

3E3E3E

Shades & Tints Shades & Tints

#75C228

Dark

Light

#268FAC

Dark

Light

#2F6F78

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #75c228;
  --color-2: #268fac;
  --color-3: #2f6f78;
  --color-4: #3f5048;
  --color-5: #3b432b;
}

SCSS

$color-1: #75c228;
$color-2: #268fac;
$color-3: #2f6f78;
$color-4: #3f5048;
$color-5: #3b432b;

TAILWIND

colors: {
  'brand-1': '#75c228',
  'brand-2': '#268fac',
  'brand-3': '#2f6f78',
  'brand-4': '#3f5048',
  'brand-5': '#3b432b',
}

RGB Array

[117, 194, 40], [38, 143, 172], [47, 111, 120], [63, 80, 72], [59, 67, 43]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sea-style palette of #75C228, #268FAC, #2F6F78, #3F5048, #3B432B 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: #75c228; --color-2: #268fac; --color-3: #2f6f78; --color-4: #3f5048; --color-5: #3b432b. 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