← Back to Editor

#4A9F93 · #D7AB95 · #C3A189 · #3E392A · #D23941

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

#4A9F93

Mineral Blue · CadetBlue · Mint Ice

HEX
#4A9F93
RGB
rgb(74, 159, 147)
HSL
hsl(172, 36%, 46%)
HSB
hsb(172, 53%, 62%)
CMYK
cmyk(53%, 0%, 8%, 38%)
Oklch
oklch(64.6% 0.085 183.2)

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

#D7AB95

Apricot · Tan · Warm Sun

HEX
#D7AB95
RGB
rgb(215, 171, 149)
HSL
hsl(20, 45%, 71%)
HSB
hsb(20, 31%, 84%)
CMYK
cmyk(0%, 20%, 31%, 16%)
Oklch
oklch(77.5% 0.060 47.9)

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

#C3A189

Apricot · Tan · Warm Sun

HEX
#C3A189
RGB
rgb(195, 161, 137)
HSL
hsl(25, 33%, 65%)
HSB
hsb(25, 30%, 76%)
CMYK
cmyk(0%, 17%, 30%, 24%)
Oklch
oklch(73.3% 0.052 57.0)

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

#3E392A

Ochre · DarkSlateGray · Amber Gold

HEX
#3E392A
RGB
rgb(62, 57, 42)
HSL
hsl(45, 19%, 20%)
HSB
hsb(45, 32%, 24%)
CMYK
cmyk(0%, 8%, 32%, 76%)
Oklch
oklch(34.5% 0.026 91.8)

Traditional「Ochre」· Paint「Amber Gold」· Creative Blush Sunrise

#D23941

Vermilion · Crimson · Passion Red

HEX
#D23941
RGB
rgb(210, 57, 65)
HSL
hsl(357, 63%, 52%)
HSB
hsb(357, 73%, 82%)
CMYK
cmyk(0%, 73%, 69%, 18%)
Oklch
oklch(57.7% 0.189 22.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

4A9F93
A04B56

Analogous

4BA06A
4A9F93
4B81A0

Triadic

4A9F93
944BA0
A0944B

Split-Comp.

4A9F93
A04B81
A06A4B

Tetradic

4A9F93
6A4BA0
A04B56
81A04B

Contrast Matrix WCAG 2.1 Contrast

4A9F93
D7AB95
C3A189
3E392A
D23941
—
1.5
Fail
1.3
Fail
3.7
AA Large
1.5
Fail
1.5
Fail
—
1.2
Fail
5.6
AA
2.3
Fail
1.3
Fail
1.2
Fail
—
4.8
AA
2.0
Fail
3.7
AA Large
5.6
AA
4.8
AA
—
2.4
Fail
1.5
Fail
2.3
Fail
2.0
Fail
2.4
Fail
—
White BG
3.1AA Large
2.1Fail
2.4Fail
11.5AAA
4.8AA
Black BG
6.7AA
10.1AAA
8.8AAA
1.8Fail
4.4AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

6F7096
C4C49A
B4B48F
3C3C2E
908E3F

Deuteranopia

6A6497
C7CA9C
B6B990
3C3D2F
99A43F

Tritanopia

4E9899
D59F9F
C19394
3E3031
CA3E3D

Achromatopsia

848484
B6B6B6
A8A8A8
393939
686868

Shades & Tints Shades & Tints

#4A9F93

Dark
Light

#D7AB95

Dark
Light

#C3A189

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #4a9f93;
  --color-2: #d7ab95;
  --color-3: #c3a189;
  --color-4: #3e392a;
  --color-5: #d23941;
}

SCSS

$color-1: #4a9f93;
$color-2: #d7ab95;
$color-3: #c3a189;
$color-4: #3e392a;
$color-5: #d23941;

TAILWIND

colors: {
  'brand-1': '#4a9f93',
  'brand-2': '#d7ab95',
  'brand-3': '#c3a189',
  'brand-4': '#3e392a',
  'brand-5': '#d23941',
}

RGB Array

[74, 159, 147], [215, 171, 149], [195, 161, 137], [62, 57, 42], [210, 57, 65]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #4A9F93, #D7AB95, #C3A189, #3E392A, #D23941 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: #4a9f93; --color-2: #d7ab95; --color-3: #c3a189; --color-4: #3e392a; --color-5: #d23941. 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