#123926 + #1C5F58 + #357F68 + #5B9338 + #BDE81F - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#123926

Mineral Blue · DarkSlateGray · Dark Green

HEX

#123926

RGB

rgb(18, 57, 38)

HSL

hsl(151, 52%, 15%)

HSB

hsb(151, 68%, 22%)

CMYK

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

Oklch

oklch(31.1% 0.056 159.2)

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

#1C5F58

Mineral Blue · DarkSlateGray · Peacock Green

HEX

#1C5F58

RGB

rgb(28, 95, 88)

HSL

hsl(174, 54%, 24%)

HSB

hsb(174, 71%, 37%)

CMYK

cmyk(71%, 0%, 7%, 63%)

Oklch

oklch(44.2% 0.067 185.2)

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

#357F68

Mineral Blue · SeaGreen · Mint Ice

HEX

#357F68

RGB

rgb(53, 127, 104)

HSL

hsl(161, 41%, 35%)

HSB

hsb(161, 58%, 50%)

CMYK

cmyk(58%, 0%, 18%, 50%)

Oklch

oklch(54.3% 0.083 169.9)

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

#5B9338

Celadon · DarkOliveGreen · Forest Green

HEX

#5B9338

RGB

rgb(91, 147, 56)

HSL

hsl(97, 45%, 40%)

HSB

hsb(97, 62%, 58%)

CMYK

cmyk(38%, 0%, 62%, 42%)

Oklch

oklch(60.4% 0.137 135.2)

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

#BDE81F

Grass Green · GreenYellow · Olive Green

HEX

#BDE81F

RGB

rgb(189, 232, 31)

HSL

hsl(73, 81%, 52%)

HSB

hsb(73, 87%, 91%)

CMYK

cmyk(19%, 0%, 87%, 9%)

Oklch

oklch(86.9% 0.206 122.4)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

123926

3A1226

Analogous

123A13

123926

12393A

Triadic

123926

27123A

3A2712

Split-Comp.

123926

3A1239

3A1312

Tetradic

123926

13123A

3A1226

393A12

Contrast Matrix WCAG 2.1 Contrast

123926	1C5F58	357F68	5B9338	BDE81F
—	1.7 Fail	2.7 Fail	3.5 AA Large	9.0 AAA
1.7 Fail	—	1.6 Fail	2.0 Fail	5.2 AA
2.7 Fail	1.6 Fail	—	1.3 Fail	3.4 AA Large
3.5 AA Large	2.0 Fail	1.3 Fail	—	2.6 Fail
9.0 AAA	5.2 AA	3.4 AA Large	2.6 Fail	—

White BG

12.8AAA

7.4AAA

4.8AA

3.7AA Large

1.4Fail

Black BG

1.6Fail

2.8Fail

4.4AA Large

5.7AA

14.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

23232B

393A5A

55566E

73744E

D0D050

Deuteranopia

211E2C

35305A

514B6F

706C53

CDCA5B

Tritanopia

142E2F

1F5B5B

397273

5E5F63

BF767E

Achromatopsia

2B2B2B

4A4A4A

666666

787878

C4C4C4

Shades & Tints Shades & Tints

#123926

Dark

Light

#1C5F58

Dark

Light

#357F68

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #123926;
  --color-2: #1c5f58;
  --color-3: #357f68;
  --color-4: #5b9338;
  --color-5: #bde81f;
}

SCSS

$color-1: #123926;
$color-2: #1c5f58;
$color-3: #357f68;
$color-4: #5b9338;
$color-5: #bde81f;

TAILWIND

colors: {
  'brand-1': '#123926',
  'brand-2': '#1c5f58',
  'brand-3': '#357f68',
  'brand-4': '#5b9338',
  'brand-5': '#bde81f',
}

RGB Array

[18, 57, 38], [28, 95, 88], [53, 127, 104], [91, 147, 56], [189, 232, 31]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #123926, #1C5F58, #357F68, #5B9338, #BDE81F 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: #123926; --color-2: #1c5f58; --color-3: #357f68; --color-4: #5b9338; --color-5: #bde81f. 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