#52443C + #47798B + #05ABB9 + #15C6C8 + #6D4D4C - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#52443C

Tangerine · DarkOliveGreen · Amber Brown

HEX

#52443C

RGB

rgb(82, 68, 60)

HSL

hsl(22, 15%, 28%)

HSB

hsb(22, 27%, 32%)

CMYK

cmyk(0%, 17%, 27%, 68%)

Oklch

oklch(39.9% 0.023 51.5)

Traditional「Tangerine」· Paint「Amber Brown」· Creative Blush Sunrise

#47798B

Slate Blue · SlateGray · Mint Ice

HEX

#47798B

RGB

rgb(71, 121, 139)

HSL

hsl(196, 32%, 41%)

HSB

hsb(196, 49%, 55%)

CMYK

cmyk(49%, 13%, 0%, 45%)

Oklch

oklch(54.8% 0.061 223.2)

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

#05ABB9

Lake Blue · LightSeaGreen · Mint Ice

HEX

#05ABB9

RGB

rgb(5, 171, 185)

HSL

hsl(185, 95%, 37%)

HSB

hsb(185, 97%, 73%)

CMYK

cmyk(97%, 8%, 0%, 27%)

Oklch

oklch(67.7% 0.115 205.2)

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

#15C6C8

Lake Blue · DarkTurquoise · Mint Ice

HEX

#15C6C8

RGB

rgb(21, 198, 200)

HSL

hsl(181, 81%, 43%)

HSB

hsb(181, 89%, 78%)

CMYK

cmyk(89%, 1%, 0%, 22%)

Oklch

oklch(75.0% 0.125 196.1)

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

#6D4D4C

Crimson · DimGray · Wine Red

HEX

#6D4D4C

RGB

rgb(109, 77, 76)

HSL

hsl(2, 18%, 36%)

HSB

hsb(2, 30%, 43%)

CMYK

cmyk(0%, 29%, 30%, 57%)

Oklch

oklch(45.5% 0.044 20.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

52443C

3D4A52

Analogous

523D40

52443C

524F3D

Triadic

52443C

3D5245

453D52

Split-Comp.

52443C

3D524F

3D4052

Tetradic

52443C

40523D

3D4A52

4F3D52

Contrast Matrix WCAG 2.1 Contrast

52443C	47798B	05ABB9	15C6C8	6D4D4C
—	1.9 Fail	3.3 AA Large	4.4 AA Large	1.3 Fail
1.9 Fail	—	1.7 Fail	2.3 Fail	1.6 Fail
3.3 AA Large	1.7 Fail	—	1.3 Fail	2.7 Fail
4.4 AA Large	2.3 Fail	1.3 Fail	—	3.5 AA Large
1.3 Fail	1.6 Fail	2.7 Fail	3.5 AA Large	—

White BG

9.3AAA

4.8AA

2.8Fail

2.1Fail

7.5AAA

Black BG

2.3Fail

4.4AA Large

7.5AAA

9.9AAA

2.8Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

4C4C3E

5D5D87

4D4EB6

6263C8

5F5F4C

Deuteranopia

4D4E3E

5A5686

4337B5

574AC7

61634C

Tritanopia

513F40

4A8382

0DB3B2

1EC7C7

6B4C4C

Achromatopsia

474747

6C6C6C

7B7B7B

919191

565656

Shades & Tints Shades & Tints

#52443C

Dark

Light

#47798B

Dark

Light

#05ABB9

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #52443c;
  --color-2: #47798b;
  --color-3: #05abb9;
  --color-4: #15c6c8;
  --color-5: #6d4d4c;
}

SCSS

$color-1: #52443c;
$color-2: #47798b;
$color-3: #05abb9;
$color-4: #15c6c8;
$color-5: #6d4d4c;

TAILWIND

colors: {
  'brand-1': '#52443c',
  'brand-2': '#47798b',
  'brand-3': '#05abb9',
  'brand-4': '#15c6c8',
  'brand-5': '#6d4d4c',
}

RGB Array

[82, 68, 60], [71, 121, 139], [5, 171, 185], [21, 198, 200], [109, 77, 76]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #52443C, #47798B, #05ABB9, #15C6C8, #6D4D4C 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: #52443c; --color-2: #47798b; --color-3: #05abb9; --color-4: #15c6c8; --color-5: #6d4d4c. 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