#701430 + #624151 + #536F71 + #449C91 + #36C9B1 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#701430

Dark Violet · Maroon · Camellia

HEX

#701430

RGB

rgb(112, 20, 48)

HSL

hsl(342, 70%, 26%)

HSB

hsb(342, 82%, 44%)

CMYK

cmyk(0%, 82%, 57%, 56%)

Oklch

oklch(36.3% 0.126 8.8)

Traditional「Dark Violet」· Paint「Camellia」· Creative Blush Sunrise

#624151

Dark Violet · DimGray · Camellia

HEX

#624151

RGB

rgb(98, 65, 81)

HSL

hsl(331, 20%, 32%)

HSB

hsb(331, 34%, 38%)

CMYK

cmyk(0%, 34%, 17%, 62%)

Oklch

oklch(41.8% 0.051 349.0)

Traditional「Dark Violet」· Paint「Camellia」· Creative Blush Sunrise

#536F71

Slate Blue · DimGray · Mint Ice

HEX

#536F71

RGB

rgb(83, 111, 113)

HSL

hsl(184, 15%, 38%)

HSB

hsb(184, 27%, 44%)

CMYK

cmyk(27%, 2%, 0%, 56%)

Oklch

oklch(52.0% 0.033 201.7)

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

#449C91

Mineral Blue · CadetBlue · Mint Ice

HEX

#449C91

RGB

rgb(68, 156, 145)

HSL

hsl(173, 39%, 44%)

HSB

hsb(173, 56%, 61%)

CMYK

cmyk(56%, 0%, 7%, 39%)

Oklch

oklch(63.6% 0.086 184.3)

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

#36C9B1

Mineral Blue · LightSeaGreen · Mint Ice

HEX

#36C9B1

RGB

rgb(54, 201, 177)

HSL

hsl(170, 58%, 50%)

HSB

hsb(170, 73%, 79%)

CMYK

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

Oklch

oklch(75.5% 0.125 179.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

701430

147155

Analogous

71145E

701430

712614

Triadic

701430

307114

143071

Split-Comp.

701430

147126

145E71

Tetradic

701430

5E7114

147155

261471

Contrast Matrix WCAG 2.1 Contrast

701430	624151	536F71	449C91	36C9B1
—	1.3 Fail	2.1 Fail	3.5 AA Large	5.5 AA
1.3 Fail	—	1.6 Fail	2.7 Fail	4.2 AA Large
2.1 Fail	1.6 Fail	—	1.7 Fail	2.6 Fail
3.5 AA Large	2.7 Fail	1.7 Fail	—	1.6 Fail
5.5 AA	4.2 AA Large	2.6 Fail	1.6 Fail	—

White BG

11.5AAA

8.8AAA

5.4AA

3.3AA Large

2.1Fail

Black BG

1.8Fail

2.4Fail

3.9AA Large

6.4AA

10.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

484729

54534D

5F5F71

6A6B94

7677B7

Deuteranopia

4E5428

56584C

5E5B70

655E94

6D62B8

Tritanopia

6B2423

604A49

547070

489696

3DBBBC

Achromatopsia

333333

4D4D4D

676767

808080

9A9A9A

Shades & Tints Shades & Tints

#701430

Dark

Light

#624151

Dark

Light

#536F71

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #701430;
  --color-2: #624151;
  --color-3: #536f71;
  --color-4: #449c91;
  --color-5: #36c9b1;
}

SCSS

$color-1: #701430;
$color-2: #624151;
$color-3: #536f71;
$color-4: #449c91;
$color-5: #36c9b1;

TAILWIND

colors: {
  'brand-1': '#701430',
  'brand-2': '#624151',
  'brand-3': '#536f71',
  'brand-4': '#449c91',
  'brand-5': '#36c9b1',
}

RGB Array

[112, 20, 48], [98, 65, 81], [83, 111, 113], [68, 156, 145], [54, 201, 177]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #701430, #624151, #536F71, #449C91, #36C9B1 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: #701430; --color-2: #624151; --color-3: #536f71; --color-4: #449c91; --color-5: #36c9b1. 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