← Back to Editor

#6DA19C · #A93545 · #BD2035 · #CC2339 · #1B0C1B

A 5-color palette palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#6DA19C

Mineral Blue · CadetBlue · Lake Green

HEX
#6DA19C
RGB
rgb(109, 161, 156)
HSL
hsl(174, 22%, 53%)
HSB
hsb(174, 32%, 63%)
CMYK
cmyk(32%, 0%, 3%, 37%)
Oklch
oklch(67.1% 0.056 188.4)

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

#A93545

Crimson · Brown · Passion Red

HEX
#A93545
RGB
rgb(169, 53, 69)
HSL
hsl(352, 52%, 44%)
HSB
hsb(352, 69%, 66%)
CMYK
cmyk(0%, 69%, 59%, 34%)
Oklch
oklch(50.4% 0.151 16.5)

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

#BD2035

Vermilion · FireBrick · Passion Red

HEX
#BD2035
RGB
rgb(189, 32, 53)
HSL
hsl(352, 71%, 43%)
HSB
hsb(352, 83%, 74%)
CMYK
cmyk(0%, 83%, 72%, 26%)
Oklch
oklch(51.8% 0.190 20.9)

Traditional「Vermilion」· Paint「Passion Red」· Creative Blush Sunrise

#CC2339

Vermilion · Crimson · Passion Red

HEX
#CC2339
RGB
rgb(204, 35, 57)
HSL
hsl(352, 71%, 47%)
HSB
hsb(352, 83%, 80%)
CMYK
cmyk(0%, 83%, 72%, 20%)
Oklch
oklch(54.8% 0.201 21.2)

Traditional「Vermilion」· Paint「Passion Red」· Creative Blush Sunrise

#1B0C1B

Rose Purple · Black · Dark Purple

HEX
#1B0C1B
RGB
rgb(27, 12, 27)
HSL
hsl(300, 38%, 8%)
HSB
hsb(300, 56%, 11%)
CMYK
cmyk(0%, 56%, 0%, 89%)
Oklch
oklch(18.4% 0.037 327.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

6DA19C
A26D72

Analogous

6DA282
6DA19C
6D8CA2

Triadic

6DA19C
9C6DA2
A29C6D

Split-Comp.

6DA19C
A26D8C
A2826D

Tetradic

6DA19C
826DA2
A26D72
8CA26D

Contrast Matrix WCAG 2.1 Contrast

6DA19C
A93545
BD2035
CC2339
1B0C1B
—
2.2
Fail
2.1
Fail
1.9
Fail
6.5
AA
2.2
Fail
—
1.0
Fail
1.2
Fail
2.9
Fail
2.1
Fail
1.0
Fail
—
1.1
Fail
3.1
AA Large
1.9
Fail
1.2
Fail
1.1
Fail
—
3.5
AA Large
6.5
AA
2.9
Fail
3.1
AA Large
3.5
AA Large
—
White BG
2.9Fail
6.4AA
6.1AA
5.4AA
18.8AAA
Black BG
7.2AAA
3.3AA Large
3.4AA Large
3.9AA Large
1.1Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

84849D
777641
797830
838134
151417

Deuteranopia

817D9E
7E8640
828E2F
8D9932
151717

Tritanopia

709E9E
A33E3D
B52C2B
C42F2F
1A1514

Achromatopsia

919191
5A5A5A
515151
585858
121212

Shades & Tints Shades & Tints

#6DA19C

Dark
Light

#A93545

Dark
Light

#BD2035

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #6da19c;
  --color-2: #a93545;
  --color-3: #bd2035;
  --color-4: #cc2339;
  --color-5: #1b0c1b;
}

SCSS

$color-1: #6da19c;
$color-2: #a93545;
$color-3: #bd2035;
$color-4: #cc2339;
$color-5: #1b0c1b;

TAILWIND

colors: {
  'brand-1': '#6da19c',
  'brand-2': '#a93545',
  'brand-3': '#bd2035',
  'brand-4': '#cc2339',
  'brand-5': '#1b0c1b',
}

RGB Array

[109, 161, 156], [169, 53, 69], [189, 32, 53], [204, 35, 57], [27, 12, 27]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #6DA19C, #A93545, #BD2035, #CC2339, #1B0C1B is ideal for: tech websites, dark mode UIs, game UIs, infographics, data visualization, accessible design. High contrast ensures clear visual hierarchy and readability. 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: #6da19c; --color-2: #a93545; --color-3: #bd2035; --color-4: #cc2339; --color-5: #1b0c1b. 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. High-contrast palettes naturally meet WCAG accessibility standards. 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