← Back to Editor

#A61B08 · #E8D1CA · #18ABAB · #134D45 · #2C302F

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

#A61B08

Vermilion · FireBrick · Wine Red

HEX
#A61B08
RGB
rgb(166, 27, 8)
HSL
hsl(7, 91%, 34%)
HSB
hsb(7, 95%, 65%)
CMYK
cmyk(0%, 84%, 95%, 35%)
Oklch
oklch(46.7% 0.176 31.0)

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

#E8D1CA

Peach Pink · LightGray · Cherry Blossom

HEX
#E8D1CA
RGB
rgb(232, 209, 202)
HSL
hsl(14, 39%, 85%)
HSB
hsb(14, 13%, 91%)
CMYK
cmyk(0%, 10%, 13%, 9%)
Oklch
oklch(87.8% 0.028 37.6)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Blush Sunrise

#18ABAB

Lake Blue · LightSeaGreen · Mint Ice

HEX
#18ABAB
RGB
rgb(24, 171, 171)
HSL
hsl(180, 75%, 38%)
HSB
hsb(180, 86%, 67%)
CMYK
cmyk(86%, 0%, 0%, 33%)
Oklch
oklch(67.3% 0.111 194.8)

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

#134D45

Mineral Blue · DarkSlateGray · Peacock Green

HEX
#134D45
RGB
rgb(19, 77, 69)
HSL
hsl(172, 60%, 19%)
HSB
hsb(172, 75%, 30%)
CMYK
cmyk(75%, 0%, 10%, 70%)
Oklch
oklch(38.1% 0.060 181.9)

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

#2C302F

Dark Cyan · DarkSlateGray · Dark Stone

HEX
#2C302F
RGB
rgb(44, 48, 47)
HSL
hsl(165, 4%, 18%)
HSB
hsb(165, 8%, 19%)
CMYK
cmyk(8%, 0%, 2%, 81%)
Oklch
oklch(30.5% 0.006 179.3)

Traditional「Dark Cyan」· Paint「Dark Stone」· Creative Midnight Shadow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

A61B08
0893A6

Analogous

A60844
A61B08
A66908

Triadic

A61B08
08A61A
1A08A6

Split-Comp.

A61B08
08A669
0844A6

Tetradic

A61B08
44A608
0893A6
6908A6

Contrast Matrix WCAG 2.1 Contrast

A61B08
E8D1CA
18ABAB
134D45
2C302F
—
5.2
AA
2.7
Fail
1.3
Fail
1.8
Fail
5.2
AA
—
1.9
Fail
6.6
AA
9.2
AAA
2.7
Fail
1.9
Fail
—
3.4
AA Large
4.7
AA
1.3
Fail
6.6
AA
3.4
AA Large
—
1.4
Fail
1.8
Fail
9.2
AAA
4.7
AA
1.4
Fail
—
White BG
7.5AAA
1.5Fail
2.8Fail
9.7AAA
13.4AAA
Black BG
2.8Fail
14.4AAA
7.5AAA
2.2Fail
1.6Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

6A690D
DEDECC
5859AB
2C2D47
2E2E2F

Deuteranopia

727C0E
DFE1CC
4F44AB
292447
2E2D2F

Tritanopia

9F1011
E7CDCD
1FABAB
164849
2C2F2F

Achromatopsia

424242
D7D7D7
7F7F7F
3B3B3B
2F2F2F

Shades & Tints Shades & Tints

#A61B08

Dark
Light

#E8D1CA

Dark
Light

#18ABAB

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #a61b08;
  --color-2: #e8d1ca;
  --color-3: #18abab;
  --color-4: #134d45;
  --color-5: #2c302f;
}

SCSS

$color-1: #a61b08;
$color-2: #e8d1ca;
$color-3: #18abab;
$color-4: #134d45;
$color-5: #2c302f;

TAILWIND

colors: {
  'brand-1': '#a61b08',
  'brand-2': '#e8d1ca',
  'brand-3': '#18abab',
  'brand-4': '#134d45',
  'brand-5': '#2c302f',
}

RGB Array

[166, 27, 8], [232, 209, 202], [24, 171, 171], [19, 77, 69], [44, 48, 47]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #A61B08, #E8D1CA, #18ABAB, #134D45, #2C302F 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: #a61b08; --color-2: #e8d1ca; --color-3: #18abab; --color-4: #134d45; --color-5: #2c302f. 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