← Back to Editor

#EFB670 · #CB4344 · #6E2C39 · #1E3947 · #202A3B

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

#EFB670

Ginger · SandyBrown · Warm Sun

HEX
#EFB670
RGB
rgb(239, 182, 112)
HSL
hsl(33, 80%, 69%)
HSB
hsb(33, 53%, 94%)
CMYK
cmyk(0%, 24%, 53%, 6%)
Oklch
oklch(81.4% 0.110 71.0)

Traditional「Ginger」· Paint「Warm Sun」· Creative Honey Glow

#CB4344

Crimson · Crimson · Passion Red

HEX
#CB4344
RGB
rgb(203, 67, 68)
HSL
hsl(360, 57%, 53%)
HSB
hsb(360, 67%, 80%)
CMYK
cmyk(0%, 67%, 67%, 20%)
Oklch
oklch(57.6% 0.172 23.9)

Traditional「Crimson」· Paint「Passion Red」· Creative Soft Aurora

#6E2C39

Crimson · Brown · Wine Red

HEX
#6E2C39
RGB
rgb(110, 44, 57)
HSL
hsl(348, 43%, 30%)
HSB
hsb(348, 60%, 43%)
CMYK
cmyk(0%, 60%, 48%, 57%)
Oklch
oklch(39.0% 0.094 10.4)

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

#1E3947

Slate Blue · DarkSlateGray · Deep Sea Blue

HEX
#1E3947
RGB
rgb(30, 57, 71)
HSL
hsl(200, 41%, 20%)
HSB
hsb(200, 58%, 28%)
CMYK
cmyk(58%, 20%, 0%, 72%)
Oklch
oklch(33.0% 0.041 232.5)

Traditional「Slate Blue」· Paint「Deep Sea Blue」· Creative Blush Sunrise

#202A3B

Indigo · DarkSlateGray · Deep Sea Blue

HEX
#202A3B
RGB
rgb(32, 42, 59)
HSL
hsl(218, 30%, 18%)
HSB
hsb(218, 46%, 23%)
CMYK
cmyk(46%, 29%, 0%, 77%)
Oklch
oklch(28.4% 0.034 260.8)

Traditional「Indigo」· Paint「Deep Sea Blue」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EFB670
71AAEF

Analogous

EF7771
EFB670
E9EF71

Triadic

EFB670
71EFB6
B671EF

Split-Comp.

EFB670
71E9EF
7771EF

Tetradic

EFB670
71EF77
71AAEF
EF71E9

Contrast Matrix WCAG 2.1 Contrast

EFB670
CB4344
6E2C39
1E3947
202A3B
—
2.6
Fail
5.6
AA
6.7
AA
8.0
AAA
2.6
Fail
—
2.1
Fail
2.6
Fail
3.0
AA Large
5.6
AA
2.1
Fail
—
1.2
Fail
1.4
Fail
6.7
AA
2.6
Fail
1.2
Fail
—
1.2
Fail
8.0
AAA
3.0
AA Large
1.4
Fail
1.2
Fail
—
White BG
1.8Fail
4.7AA
10.1AAA
12.1AAA
14.4AAA
Black BG
11.6AAA
4.4AA Large
2.1Fail
1.7Fail
1.5Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

D6D681
908F44
515136
2A2A44
242437

Deuteranopia

DADE85
98A244
555A35
282643
242336

Tritanopia

EC8E91
C44444
6B3333
1F4140
213433

Achromatopsia

BFBFBF
6C6C6C
414141
333333
292929

Shades & Tints Shades & Tints

#EFB670

Dark
Light

#CB4344

Dark
Light

#6E2C39

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #efb670;
  --color-2: #cb4344;
  --color-3: #6e2c39;
  --color-4: #1e3947;
  --color-5: #202a3b;
}

SCSS

$color-1: #efb670;
$color-2: #cb4344;
$color-3: #6e2c39;
$color-4: #1e3947;
$color-5: #202a3b;

TAILWIND

colors: {
  'brand-1': '#efb670',
  'brand-2': '#cb4344',
  'brand-3': '#6e2c39',
  'brand-4': '#1e3947',
  'brand-5': '#202a3b',
}

RGB Array

[239, 182, 112], [203, 67, 68], [110, 44, 57], [30, 57, 71], [32, 42, 59]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #EFB670, #CB4344, #6E2C39, #1E3947, #202A3B 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: #efb670; --color-2: #cb4344; --color-3: #6e2c39; --color-4: #1e3947; --color-5: #202a3b. 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