← Back to Editor

#1A1613 · #1E3815 · #4A7D2D · #5EA97F · #27B1E3

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

#1A1613

Tangerine · Black · Cinnamon

HEX
#1A1613
RGB
rgb(26, 22, 19)
HSL
hsl(26, 16%, 9%)
HSB
hsb(26, 27%, 10%)
CMYK
cmyk(0%, 15%, 27%, 90%)
Oklch
oklch(20.4% 0.009 59.1)

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

#1E3815

Celadon · DarkGreen · Dark Green

HEX
#1E3815
RGB
rgb(30, 56, 21)
HSL
hsl(105, 45%, 15%)
HSB
hsb(105, 63%, 22%)
CMYK
cmyk(46%, 0%, 62%, 78%)
Oklch
oklch(31.0% 0.067 138.3)

Traditional「Celadon」· Paint「Dark Green」· Creative Blush Sunrise

#4A7D2D

Celadon · DarkOliveGreen · Forest Green

HEX
#4A7D2D
RGB
rgb(74, 125, 45)
HSL
hsl(98, 47%, 33%)
HSB
hsb(98, 64%, 49%)
CMYK
cmyk(41%, 0%, 64%, 51%)
Oklch
oklch(53.5% 0.125 135.9)

Traditional「Celadon」· Paint「Forest Green」· Creative Blush Sunrise

#5EA97F

Celadon · CadetBlue · Olive Green

HEX
#5EA97F
RGB
rgb(94, 169, 127)
HSL
hsl(146, 30%, 52%)
HSB
hsb(146, 44%, 66%)
CMYK
cmyk(44%, 0%, 25%, 34%)
Oklch
oklch(67.4% 0.098 157.8)

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

#27B1E3

Lake Blue · DodgerBlue · Lake Green

HEX
#27B1E3
RGB
rgb(39, 177, 227)
HSL
hsl(196, 77%, 52%)
HSB
hsb(196, 83%, 89%)
CMYK
cmyk(83%, 22%, 0%, 11%)
Oklch
oklch(71.3% 0.131 228.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

1A1613
13171B

Analogous

1B1314
1A1613
1B1A13

Triadic

1A1613
131B16
16131B

Split-Comp.

1A1613
131B1A
13141B

Tetradic

1A1613
141B13
13171B
1A131B

Contrast Matrix WCAG 2.1 Contrast

1A1613
1E3815
4A7D2D
5EA97F
27B1E3
—
1.4
Fail
3.6
AA Large
6.4
AA
7.3
AAA
1.4
Fail
—
2.6
Fail
4.6
AA
5.2
AA
3.6
AA Large
2.6
Fail
—
1.7
Fail
2.0
Fail
6.4
AA
4.6
AA
1.7
Fail
—
1.1
Fail
7.3
AAA
5.2
AA
2.0
Fail
1.1
Fail
—
White BG
18.0AAA
12.9AAA
4.9AA
2.8Fail
2.5Fail
Black BG
1.2Fail
1.6Fail
4.3AA Large
7.5AAA
8.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

181814
29291D
606140
7E7F89
6364D7

Deuteranopia

191914
282620
5D5945
7A758C
5B50D4

Tritanopia

1A1414
1F2426
4D5053
629193
2ECDCB

Achromatopsia

171717
2C2C2C
656565
8E8E8E
8D8D8D

Shades & Tints Shades & Tints

#1A1613

Dark
Light

#1E3815

Dark
Light

#4A7D2D

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #1a1613;
  --color-2: #1e3815;
  --color-3: #4a7d2d;
  --color-4: #5ea97f;
  --color-5: #27b1e3;
}

SCSS

$color-1: #1a1613;
$color-2: #1e3815;
$color-3: #4a7d2d;
$color-4: #5ea97f;
$color-5: #27b1e3;

TAILWIND

colors: {
  'brand-1': '#1a1613',
  'brand-2': '#1e3815',
  'brand-3': '#4a7d2d',
  'brand-4': '#5ea97f',
  'brand-5': '#27b1e3',
}

RGB Array

[26, 22, 19], [30, 56, 21], [74, 125, 45], [94, 169, 127], [39, 177, 227]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #1A1613, #1E3815, #4A7D2D, #5EA97F, #27B1E3 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: #1a1613; --color-2: #1e3815; --color-3: #4a7d2d; --color-4: #5ea97f; --color-5: #27b1e3. 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