← Back to Editor

#4A3E3E · #FFFFFF · #5CFFEF · #76E3BF · #B9CC29

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

#4A3E3E

Crimson · DarkSlateGray · Charcoal

HEX
#4A3E3E
RGB
rgb(74, 62, 62)
HSL
hsl(0, 9%, 27%)
HSB
hsb(0, 16%, 29%)
CMYK
cmyk(0%, 16%, 16%, 71%)
Oklch
oklch(37.6% 0.017 17.9)

Traditional「Crimson」· Paint「Charcoal」· Creative Midnight Shadow

#FFFFFF

Moonlight White · White · Cloud White

HEX
#FFFFFF
RGB
rgb(255, 255, 255)
HSL
hsl(0, 0%, 100%)
HSB
hsb(0, 0%, 100%)
CMYK
cmyk(0%, 0%, 0%, 0%)
Oklch
oklch(100.0% 0.000 89.9)

Traditional「Moonlight White」· Paint「Cloud White」· Creative Morning Mist

#5CFFEF

Jade · Turquoise · Lake Green

HEX
#5CFFEF
RGB
rgb(92, 255, 239)
HSL
hsl(174, 100%, 68%)
HSB
hsb(174, 64%, 100%)
CMYK
cmyk(64%, 0%, 6%, 0%)
Oklch
oklch(91.2% 0.136 185.8)

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

#76E3BF

Jade · MediumAquaMarine · Lake Green

HEX
#76E3BF
RGB
rgb(118, 227, 191)
HSL
hsl(160, 66%, 68%)
HSB
hsb(160, 48%, 89%)
CMYK
cmyk(48%, 0%, 16%, 11%)
Oklch
oklch(84.1% 0.114 169.7)

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

#B9CC29

Autumn Sage · GoldenRod · Honey Gold

HEX
#B9CC29
RGB
rgb(185, 204, 41)
HSL
hsl(67, 67%, 48%)
HSB
hsb(67, 80%, 80%)
CMYK
cmyk(9%, 0%, 80%, 20%)
Oklch
oklch(80.4% 0.174 116.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

4A3E3E
3F4B4B

Analogous

4B3F45
4A3E3E
4B453F

Triadic

4A3E3E
3F4B3F
3F3F4B

Split-Comp.

4A3E3E
3F4B45
3F454B

Tetradic

4A3E3E
454B3F
3F4B4B
453F4B

Contrast Matrix WCAG 2.1 Contrast

4A3E3E
FFFFFF
5CFFEF
76E3BF
B9CC29
—
10.2
AAA
8.3
AAA
6.6
AA
5.7
AA
10.2
AAA
—
1.2
Fail
1.6
Fail
1.8
Fail
8.3
AAA
1.2
Fail
—
1.3
Fail
1.4
Fail
6.6
AA
1.6
Fail
1.3
Fail
—
1.2
Fail
5.7
AA
1.8
Fail
1.4
Fail
1.2
Fail
—
White BG
10.2AAA
1.0Fail
1.2Fail
1.6Fail
1.8Fail
Black BG
2.0Fail
21.0AAA
17.0AAA
13.5AAA
11.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

45453E
FFFFFF
A3A4F3
A5A6C8
C1C150

Deuteranopia

46463E
FFFFFF
998DF4
9F97CA
C0BF5A

Tritanopia

493E3E
FFFFFF
64F6F7
7BCFD0
BA7076

Achromatopsia

424242
FFFFFF
CCCCCC
BEBEBE
B4B4B4

Shades & Tints Shades & Tints

#4A3E3E

Dark
Light

#FFFFFF

Dark
Light

#5CFFEF

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #4a3e3e;
  --color-2: #ffffff;
  --color-3: #5cffef;
  --color-4: #76e3bf;
  --color-5: #b9cc29;
}

SCSS

$color-1: #4a3e3e;
$color-2: #ffffff;
$color-3: #5cffef;
$color-4: #76e3bf;
$color-5: #b9cc29;

TAILWIND

colors: {
  'brand-1': '#4a3e3e',
  'brand-2': '#ffffff',
  'brand-3': '#5cffef',
  'brand-4': '#76e3bf',
  'brand-5': '#b9cc29',
}

RGB Array

[74, 62, 62], [255, 255, 255], [92, 255, 239], [118, 227, 191], [185, 204, 41]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #4A3E3E, #FFFFFF, #5CFFEF, #76E3BF, #B9CC29 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: #4a3e3e; --color-2: #ffffff; --color-3: #5cffef; --color-4: #76e3bf; --color-5: #b9cc29. 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