#43443A + #245151 + #127A72 + #D5FC45 + #83265D - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#43443A

Autumn Sage · DarkSlateGray · Dark Stone

HEX

#43443A

RGB

rgb(67, 68, 58)

HSL

hsl(66, 8%, 25%)

HSB

hsb(66, 15%, 27%)

CMYK

cmyk(1%, 0%, 15%, 73%)

Oklch

oklch(38.2% 0.017 111.8)

Traditional「Autumn Sage」· Paint「Dark Stone」· Creative Midnight Shadow

#245151

Slate Blue · DarkSlateGray · Peacock Green

HEX

#245151

RGB

rgb(36, 81, 81)

HSL

hsl(180, 38%, 23%)

HSB

hsb(180, 56%, 32%)

CMYK

cmyk(56%, 0%, 0%, 68%)

Oklch

oklch(40.3% 0.049 195.4)

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

#127A72

Mineral Blue · Teal · Mint Ice

HEX

#127A72

RGB

rgb(18, 122, 114)

HSL

hsl(175, 74%, 27%)

HSB

hsb(175, 85%, 48%)

CMYK

cmyk(85%, 0%, 7%, 52%)

Oklch

oklch(52.4% 0.088 186.6)

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

#D5FC45

Willow Green · GreenYellow · Apple Green

HEX

#D5FC45

RGB

rgb(213, 252, 69)

HSL

hsl(73, 97%, 63%)

HSB

hsb(73, 73%, 99%)

CMYK

cmyk(15%, 0%, 73%, 1%)

Oklch

oklch(93.2% 0.202 121.1)

Traditional「Willow Green」· Paint「Apple Green」· Creative Mint Breeze

#83265D

Rose Purple · Purple · Camellia

HEX

#83265D

RGB

rgb(131, 38, 93)

HSL

hsl(325, 55%, 33%)

HSB

hsb(325, 71%, 51%)

CMYK

cmyk(0%, 71%, 29%, 49%)

Oklch

oklch(43.1% 0.140 348.1)

Traditional「Rose Purple」· Paint「Camellia」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

43443A

3C3B45

Analogous

45413B

43443A

3F453B

Triadic

43443A

3B4445

453B44

Split-Comp.

43443A

3B3F45

413B45

Tetradic

43443A

3B4541

3C3B45

453B3F

Contrast Matrix WCAG 2.1 Contrast

43443A	245151	127A72	D5FC45	83265D
—	1.1 Fail	1.9 Fail	8.4 AAA	1.1 Fail
1.1 Fail	—	1.7 Fail	7.5 AAA	1.0 Fail
1.9 Fail	1.7 Fail	—	4.4 AA Large	1.7 Fail
8.4 AAA	7.5 AAA	4.4 AA Large	—	7.4 AAA
1.1 Fail	1.0 Fail	1.7 Fail	7.4 AAA	—

White BG

9.9AAA

8.9AAA

5.2AA

1.2Fail

8.7AAA

Black BG

2.1Fail

2.4Fail

4.1AA Large

17.8AAA

2.4Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

43433C

373851

3F4074

E6E671

5B5A50

Deuteranopia

43433D

353251

393174

E4E17C

60674D

Tritanopia

433E3F

265151

177576

D7949C

7E4543

Achromatopsia

434343

444444

5A5A5A

DBDBDB

484848

Shades & Tints Shades & Tints

#43443A

Dark

Light

#245151

Dark

Light

#127A72

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #43443a;
  --color-2: #245151;
  --color-3: #127a72;
  --color-4: #d5fc45;
  --color-5: #83265d;
}

SCSS

$color-1: #43443a;
$color-2: #245151;
$color-3: #127a72;
$color-4: #d5fc45;
$color-5: #83265d;

TAILWIND

colors: {
  'brand-1': '#43443a',
  'brand-2': '#245151',
  'brand-3': '#127a72',
  'brand-4': '#d5fc45',
  'brand-5': '#83265d',
}

RGB Array

[67, 68, 58], [36, 81, 81], [18, 122, 114], [213, 252, 69], [131, 38, 93]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #43443A, #245151, #127A72, #D5FC45, #83265D 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: #43443a; --color-2: #245151; --color-3: #127a72; --color-4: #d5fc45; --color-5: #83265d. 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