#256362 + #4B9C95 + #79152D + #6E1222 + #3E697C - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#256362

Mineral Blue · DarkSlateGray · Mint Ice

HEX

#256362

RGB

rgb(37, 99, 98)

HSL

hsl(179, 46%, 27%)

HSB

hsb(179, 63%, 39%)

CMYK

cmyk(63%, 0%, 1%, 61%)

Oklch

oklch(46.0% 0.063 193.7)

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

#4B9C95

Mineral Blue · CadetBlue · Mint Ice

HEX

#4B9C95

RGB

rgb(75, 156, 149)

HSL

hsl(175, 35%, 45%)

HSB

hsb(175, 52%, 61%)

CMYK

cmyk(52%, 0%, 4%, 39%)

Oklch

oklch(64.0% 0.080 187.9)

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

#79152D

Vermilion · Brown · Wine Red

HEX

#79152D

RGB

rgb(121, 21, 45)

HSL

hsl(346, 70%, 28%)

HSB

hsb(346, 83%, 47%)

CMYK

cmyk(0%, 83%, 63%, 53%)

Oklch

oklch(38.0% 0.133 13.4)

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

#6E1222

Vermilion · Maroon · Wine Red

HEX

#6E1222

RGB

rgb(110, 18, 34)

HSL

hsl(350, 72%, 25%)

HSB

hsb(350, 84%, 43%)

CMYK

cmyk(0%, 84%, 69%, 57%)

Oklch

oklch(35.4% 0.125 17.6)

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

#3E697C

Slate Blue · DimGray · Mint Ice

HEX

#3E697C

RGB

rgb(62, 105, 124)

HSL

hsl(198, 33%, 36%)

HSB

hsb(198, 50%, 49%)

CMYK

cmyk(50%, 15%, 0%, 51%)

Oklch

oklch(49.7% 0.057 228.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

256362

652526

Analogous

256544

256362

254665

Triadic

256362

632565

656325

Split-Comp.

256362

652546

654425

Tetradic

256362

442565

652526

466525

Contrast Matrix WCAG 2.1 Contrast

256362	4B9C95	79152D	6E1222	3E697C
—	2.1 Fail	1.6 Fail	1.7 Fail	1.2 Fail
2.1 Fail	—	3.3 AA Large	3.7 AA Large	1.8 Fail
1.6 Fail	3.3 AA Large	—	1.1 Fail	1.8 Fail
1.7 Fail	3.7 AA Large	1.1 Fail	—	2.0 Fail
1.2 Fail	1.8 Fail	1.8 Fail	2.0 Fail	—

White BG

6.9AA

3.2AA Large

10.7AAA

11.8AAA

6.0AA

Black BG

3.0AA Large

6.5AA

2.0Fail

1.8Fail

3.5AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

404062

6E6F97

4E4D27

46451E

515177

Deuteranopia

3C3862

696397

545B26

4C521D

4E4B76

Tritanopia

286262

4F9898

742322

691B1A

407473

Achromatopsia

505050

838383

363636

2F2F2F

5E5E5E

Shades & Tints Shades & Tints

#256362

Dark

Light

#4B9C95

Dark

Light

#79152D

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #256362;
  --color-2: #4b9c95;
  --color-3: #79152d;
  --color-4: #6e1222;
  --color-5: #3e697c;
}

SCSS

$color-1: #256362;
$color-2: #4b9c95;
$color-3: #79152d;
$color-4: #6e1222;
$color-5: #3e697c;

TAILWIND

colors: {
  'brand-1': '#256362',
  'brand-2': '#4b9c95',
  'brand-3': '#79152d',
  'brand-4': '#6e1222',
  'brand-5': '#3e697c',
}

RGB Array

[37, 99, 98], [75, 156, 149], [121, 21, 45], [110, 18, 34], [62, 105, 124]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #256362, #4B9C95, #79152D, #6E1222, #3E697C 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: #256362; --color-2: #4b9c95; --color-3: #79152d; --color-4: #6e1222; --color-5: #3e697c. 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 general-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