← Back to Editor

#7AC3A6 · #C34D4D · #B3BC13 · #E3DDAB · #F1ECCE

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

#7AC3A6

Jade · MediumAquaMarine · Apple Green

HEX
#7AC3A6
RGB
rgb(122, 195, 166)
HSL
hsl(156, 38%, 62%)
HSB
hsb(156, 37%, 76%)
CMYK
cmyk(37%, 0%, 15%, 24%)
Oklch
oklch(76.1% 0.085 167.0)

Traditional「Jade」· Paint「Apple Green」· Creative Arctic Pool

#C34D4D

Crimson · Sienna · Passion Red

HEX
#C34D4D
RGB
rgb(195, 77, 77)
HSL
hsl(0, 50%, 53%)
HSB
hsb(0, 61%, 76%)
CMYK
cmyk(0%, 61%, 61%, 24%)
Oklch
oklch(57.7% 0.152 23.1)

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

#B3BC13

Autumn Sage · GoldenRod · Honey Gold

HEX
#B3BC13
RGB
rgb(179, 188, 19)
HSL
hsl(63, 82%, 41%)
HSB
hsb(63, 90%, 74%)
CMYK
cmyk(5%, 0%, 90%, 26%)
Oklch
oklch(76.3% 0.167 113.2)

Traditional「Autumn Sage」· Paint「Honey Gold」· Creative Blush Sunrise

#E3DDAB

Fresh Green · Wheat · Lemon Cream

HEX
#E3DDAB
RGB
rgb(227, 221, 171)
HSL
hsl(54, 50%, 78%)
HSB
hsb(54, 25%, 89%)
CMYK
cmyk(0%, 3%, 25%, 11%)
Oklch
oklch(89.0% 0.066 101.9)

Traditional「Fresh Green」· Paint「Lemon Cream」· Creative Lemon Fizz

#F1ECCE

Fresh Green · Beige · Lemon Cream

HEX
#F1ECCE
RGB
rgb(241, 236, 206)
HSL
hsl(51, 56%, 88%)
HSB
hsb(51, 15%, 95%)
CMYK
cmyk(0%, 2%, 15%, 5%)
Oklch
oklch(93.9% 0.040 99.3)

Traditional「Fresh Green」· Paint「Lemon Cream」· Creative Lemon Fizz

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

7AC3A6
C37997

Analogous

79C381
7AC3A6
79BCC3

Triadic

7AC3A6
A579C3
C3A579

Split-Comp.

7AC3A6
C379BC
C38179

Tetradic

7AC3A6
8179C3
C37997
BCC379

Contrast Matrix WCAG 2.1 Contrast

7AC3A6
C34D4D
B3BC13
E3DDAB
F1ECCE
—
2.3
Fail
1.0
Fail
1.5
Fail
1.7
Fail
2.3
Fail
—
2.3
Fail
3.4
AA Large
3.9
AA Large
1.0
Fail
2.3
Fail
—
1.5
Fail
1.7
Fail
1.5
Fail
3.4
AA Large
1.5
Fail
—
1.2
Fail
1.7
Fail
3.9
AA Large
1.7
Fail
1.2
Fail
—
White BG
2.1Fail
4.7AA
2.1Fail
1.4Fail
1.2Fail
Black BG
10.2AAA
4.5AA Large
10.1AAA
15.2AAA
17.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

9A9AAD
908F4D
B7B73C
E0E0B7
EFEFD5

Deuteranopia

9590AF
97A04D
B6B646
E1E1BA
EFF0D7

Tritanopia

7EB3B4
BD4D4D
B35C63
E3C1C3
F1DBDC

Achromatopsia

AAAAAA
707070
A6A6A6
D9D9D9
EAEAEA

Shades & Tints Shades & Tints

#7AC3A6

Dark
Light

#C34D4D

Dark
Light

#B3BC13

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #7ac3a6;
  --color-2: #c34d4d;
  --color-3: #b3bc13;
  --color-4: #e3ddab;
  --color-5: #f1ecce;
}

SCSS

$color-1: #7ac3a6;
$color-2: #c34d4d;
$color-3: #b3bc13;
$color-4: #e3ddab;
$color-5: #f1ecce;

TAILWIND

colors: {
  'brand-1': '#7ac3a6',
  'brand-2': '#c34d4d',
  'brand-3': '#b3bc13',
  'brand-4': '#e3ddab',
  'brand-5': '#f1ecce',
}

RGB Array

[122, 195, 166], [195, 77, 77], [179, 188, 19], [227, 221, 171], [241, 236, 206]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #7AC3A6, #C34D4D, #B3BC13, #E3DDAB, #F1ECCE 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: #7ac3a6; --color-2: #c34d4d; --color-3: #b3bc13; --color-4: #e3ddab; --color-5: #f1ecce. 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