#119C90 + #3D827C + #49676C + #374246 + #242B2C · warm - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#119C90

Mineral Blue · Teal · Mint Ice

HEX

#119C90

RGB

rgb(17, 156, 144)

HSL

hsl(175, 80%, 34%)

HSB

hsb(175, 89%, 61%)

CMYK

cmyk(89%, 0%, 8%, 39%)

Oklch

oklch(62.4% 0.107 185.1)

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

#3D827C

Mineral Blue · SeaGreen · Mint Ice

HEX

#3D827C

RGB

rgb(61, 130, 124)

HSL

hsl(175, 36%, 37%)

HSB

hsb(175, 53%, 51%)

CMYK

cmyk(53%, 0%, 5%, 49%)

Oklch

oklch(56.0% 0.070 187.8)

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

#49676C

Slate Blue · DimGray · Mint Ice

HEX

#49676C

RGB

rgb(73, 103, 108)

HSL

hsl(189, 19%, 35%)

HSB

hsb(189, 32%, 42%)

CMYK

cmyk(32%, 5%, 0%, 58%)

Oklch

oklch(49.2% 0.036 208.9)

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

#374246

Slate Blue · DarkSlateGray · Peacock Green

HEX

#374246

RGB

rgb(55, 66, 70)

HSL

hsl(196, 12%, 25%)

HSB

hsb(196, 21%, 27%)

CMYK

cmyk(21%, 6%, 0%, 73%)

Oklch

oklch(37.1% 0.016 221.8)

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

#242B2C

Slate Blue · DarkSlateGray · Peacock Green

HEX

#242B2C

RGB

rgb(36, 43, 44)

HSL

hsl(187, 10%, 16%)

HSB

hsb(187, 18%, 17%)

CMYK

cmyk(18%, 2%, 0%, 83%)

Oklch

oklch(28.3% 0.010 207.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

119C90

9C111D

Analogous

119C4B

119C90

11629C

Triadic

119C90

91119C

9C9111

Split-Comp.

119C90

9C1162

9C4B11

Tetradic

119C90

4B119C

9C111D

629C11

Contrast Matrix WCAG 2.1 Contrast

119C90	3D827C	49676C	374246	242B2C
—	1.3 Fail	1.8 Fail	3.0 AA Large	4.2 AA Large
1.3 Fail	—	1.4 Fail	2.3 Fail	3.2 AA Large
1.8 Fail	1.4 Fail	—	1.7 Fail	2.4 Fail
3.0 AA Large	2.3 Fail	1.7 Fail	—	1.4 Fail
4.2 AA Large	3.2 AA Large	2.4 Fail	1.4 Fail	—

White BG

3.4AA Large

4.5AA Large

6.1AA

10.3AAA

14.4AAA

Black BG

6.2AA

4.7AA

3.4AA Large

2.0Fail

1.5Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

4D4E93

5B5B7D

56566B

3C3C45

27272C

Deuteranopia

453B94

57527E

54526B

3B3A45

27262C

Tritanopia

189596

407F7F

4B6A6A

384444

242C2C

Achromatopsia

717171

6D6D6D

5F5F5F

3F3F3F

292929

Shades & Tints Shades & Tints

#119C90

Dark

Light

#3D827C

Dark

Light

#49676C

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #119c90;
  --color-2: #3d827c;
  --color-3: #49676c;
  --color-4: #374246;
  --color-5: #242b2c;
}

SCSS

$color-1: #119c90;
$color-2: #3d827c;
$color-3: #49676c;
$color-4: #374246;
$color-5: #242b2c;

TAILWIND

colors: {
  'brand-1': '#119c90',
  'brand-2': '#3d827c',
  'brand-3': '#49676c',
  'brand-4': '#374246',
  'brand-5': '#242b2c',
}

RGB Array

[17, 156, 144], [61, 130, 124], [73, 103, 108], [55, 66, 70], [36, 43, 44]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This warm-style palette of #119C90, #3D827C, #49676C, #374246, #242B2C 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: #119c90; --color-2: #3d827c; --color-3: #49676c; --color-4: #374246; --color-5: #242b2c. 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 warm-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