← Back to Editor

#612B3A · #EF0849 · #C47B74 · #D1B08E · #DECD90

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#612B3A

Dark Violet · DarkSlateGray · Camellia

HEX
#612B3A
RGB
rgb(97, 43, 58)
HSL
hsl(343, 39%, 27%)
HSB
hsb(343, 56%, 38%)
CMYK
cmyk(0%, 56%, 40%, 62%)
Oklch
oklch(36.8% 0.080 4.3)

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

#EF0849

Dark Violet · Crimson · Camellia

HEX
#EF0849
RGB
rgb(239, 8, 73)
HSL
hsl(343, 94%, 48%)
HSB
hsb(343, 97%, 94%)
CMYK
cmyk(0%, 97%, 69%, 6%)
Oklch
oklch(60.5% 0.240 17.5)

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

#C47B74

Peach Pink · LightCoral · Coral Red

HEX
#C47B74
RGB
rgb(196, 123, 116)
HSL
hsl(5, 40%, 61%)
HSB
hsb(5, 41%, 77%)
CMYK
cmyk(0%, 37%, 41%, 23%)
Oklch
oklch(65.8% 0.093 25.8)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

#D1B08E

Ginger · Tan · Warm Sun

HEX
#D1B08E
RGB
rgb(209, 176, 142)
HSL
hsl(30, 42%, 69%)
HSB
hsb(30, 32%, 82%)
CMYK
cmyk(0%, 16%, 32%, 18%)
Oklch
oklch(77.8% 0.060 67.6)

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

#DECD90

Goose Yellow · BurlyWood · Sunflower

HEX
#DECD90
RGB
rgb(222, 205, 144)
HSL
hsl(47, 54%, 72%)
HSB
hsb(47, 35%, 87%)
CMYK
cmyk(0%, 8%, 35%, 13%)
Oklch
oklch(84.8% 0.081 94.4)

Traditional「Goose Yellow」· Paint「Sunflower」· Creative Lemon Fizz

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

612B3A
2A6050

Analogous

602A54
612B3A
60362A

Triadic

612B3A
39602A
2A3960

Split-Comp.

612B3A
2A6036
2A5460

Tetradic

612B3A
54602A
2A6050
362A60

Contrast Matrix WCAG 2.1 Contrast

612B3A
EF0849
C47B74
D1B08E
DECD90
—
2.5
Fail
3.4
AA Large
5.4
AA
6.9
AA
2.5
Fail
—
1.3
Fail
2.1
Fail
2.8
Fail
3.4
AA Large
1.3
Fail
—
1.6
Fail
2.1
Fail
5.4
AA
2.1
Fail
1.6
Fail
—
1.3
Fail
6.9
AA
2.8
Fail
2.1
Fail
1.3
Fail
—
White BG
11.0AAA
4.4AA Large
3.3AA Large
2.0Fail
1.6Fail
Black BG
1.9Fail
4.8AA
6.4AA
10.3AAA
13.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

4A4936
8B8939
A4A476
C3C296
D7D69F

Deuteranopia

4D5135
98AA35
A9AE76
C5C798
D8D9A2

Tritanopia

5E3433
E32D2A
C07777
CF9D9E
DDAAAD

Achromatopsia

3D3D3D
545454
909090
B6B6B6
CBCBCB

Shades & Tints Shades & Tints

#612B3A

Dark
Light

#EF0849

Dark
Light

#C47B74

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #612b3a;
  --color-2: #ef0849;
  --color-3: #c47b74;
  --color-4: #d1b08e;
  --color-5: #decd90;
}

SCSS

$color-1: #612b3a;
$color-2: #ef0849;
$color-3: #c47b74;
$color-4: #d1b08e;
$color-5: #decd90;

TAILWIND

colors: {
  'brand-1': '#612b3a',
  'brand-2': '#ef0849',
  'brand-3': '#c47b74',
  'brand-4': '#d1b08e',
  'brand-5': '#decd90',
}

RGB Array

[97, 43, 58], [239, 8, 73], [196, 123, 116], [209, 176, 142], [222, 205, 144]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #612B3A, #EF0849, #C47B74, #D1B08E, #DECD90 is ideal for: 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: #612b3a; --color-2: #ef0849; --color-3: #c47b74; --color-4: #d1b08e; --color-5: #decd90. 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?

Medium-brightness colors suit brand primary and accent colors. Use the darkest for text, lightest for backgrounds, and mid-tones for emphasis. 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