#13B09B + #5F4863 + #5C0B29 + #261C18 + #CCFC0F - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#13B09B

Mineral Blue · LightSeaGreen · Mint Ice

HEX

#13B09B

RGB

rgb(19, 176, 155)

HSL

hsl(172, 81%, 38%)

HSB

hsb(172, 89%, 69%)

CMYK

cmyk(89%, 0%, 12%, 31%)

Oklch

oklch(68.0% 0.121 180.0)

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

#5F4863

Dark Plum · DimGray · Eggplant

HEX

#5F4863

RGB

rgb(95, 72, 99)

HSL

hsl(291, 16%, 34%)

HSB

hsb(291, 27%, 39%)

CMYK

cmyk(4%, 27%, 0%, 61%)

Oklch

oklch(43.6% 0.052 321.4)

Traditional「Dark Plum」· Paint「Eggplant」· Creative Blush Sunrise

#5C0B29

Dark Violet · Maroon · Raspberry

HEX

#5C0B29

RGB

rgb(92, 11, 41)

HSL

hsl(338, 79%, 20%)

HSB

hsb(338, 88%, 36%)

CMYK

cmyk(0%, 88%, 55%, 64%)

Oklch

oklch(31.4% 0.114 5.4)

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

#261C18

Tangerine · Black · Cinnamon

HEX

#261C18

RGB

rgb(38, 28, 24)

HSL

hsl(17, 23%, 12%)

HSB

hsb(17, 37%, 15%)

CMYK

cmyk(0%, 26%, 37%, 85%)

Oklch

oklch(23.7% 0.018 42.9)

Traditional「Tangerine」· Paint「Cinnamon」· Creative Blush Sunrise

#CCFC0F

Grass Green · GreenYellow · Olive Green

HEX

#CCFC0F

RGB

rgb(204, 252, 15)

HSL

hsl(72, 98%, 52%)

HSB

hsb(72, 94%, 99%)

CMYK

cmyk(19%, 0%, 94%, 1%)

Oklch

oklch(92.4% 0.224 122.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

13B09B

AF1227

Analogous

12AF4C

13B09B

1276AF

Triadic

13B09B

9A12AF

AF9A12

Split-Comp.

13B09B

AF1276

AF4C12

Tetradic

13B09B

4C12AF

AF1227

76AF12

Contrast Matrix WCAG 2.1 Contrast

13B09B	5F4863	5C0B29	261C18	CCFC0F
—	3.0 Fail	5.0 AA	6.1 AA	2.3 Fail
3.0 Fail	—	1.7 Fail	2.1 Fail	6.7 AA
5.0 AA	1.7 Fail	—	1.2 Fail	11.4 AAA
6.1 AA	2.1 Fail	1.2 Fail	—	13.9 AAA
2.3 Fail	6.7 AA	11.4 AAA	13.9 AAA	—

White BG

2.7Fail

8.1AAA

13.7AAA

16.6AAA

1.2Fail

Black BG

7.7AAA

2.6Fail

1.5Fail

1.3Fail

17.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

5758A0

55555C

393822

222219

E1E148

Deuteranopia

4E42A1

56585B

3E4420

222319

DEDA56

Tritanopia

1BA4A5

5E5756

581C1B

261A1A

CE7680

Achromatopsia

7F7F7F

525252

272727

1F1F1F

D3D3D3

Shades & Tints Shades & Tints

#13B09B

Dark

Light

#5F4863

Dark

Light

#5C0B29

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #13b09b;
  --color-2: #5f4863;
  --color-3: #5c0b29;
  --color-4: #261c18;
  --color-5: #ccfc0f;
}

SCSS

$color-1: #13b09b;
$color-2: #5f4863;
$color-3: #5c0b29;
$color-4: #261c18;
$color-5: #ccfc0f;

TAILWIND

colors: {
  'brand-1': '#13b09b',
  'brand-2': '#5f4863',
  'brand-3': '#5c0b29',
  'brand-4': '#261c18',
  'brand-5': '#ccfc0f',
}

RGB Array

[19, 176, 155], [95, 72, 99], [92, 11, 41], [38, 28, 24], [204, 252, 15]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #13B09B, #5F4863, #5C0B29, #261C18, #CCFC0F 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: #13b09b; --color-2: #5f4863; --color-3: #5c0b29; --color-4: #261c18; --color-5: #ccfc0f. 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