← Back to Editor

#83EDBA · #615D58 · #ACA499 · #FE5978 · #FF1C5C

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 Library

Color Details Color Details

#83EDBA

Jade · LightGreen · Apple Green

HEX
#83EDBA
RGB
rgb(131, 237, 186)
HSL
hsl(151, 75%, 72%)
HSB
hsb(151, 45%, 93%)
CMYK
cmyk(45%, 0%, 22%, 7%)
Oklch
oklch(86.8% 0.123 161.4)

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

#615D58

Ink Gray · DimGray · Charcoal

HEX
#615D58
RGB
rgb(97, 93, 88)
HSL
hsl(33, 5%, 36%)
HSB
hsb(33, 9%, 38%)
CMYK
cmyk(0%, 4%, 9%, 62%)
Oklch
oklch(48.0% 0.009 73.7)

Traditional「Ink Gray」· Paint「Charcoal」· Creative Midnight Shadow

#ACA499

Ginger · DarkGray · Warm Sun

HEX
#ACA499
RGB
rgb(172, 164, 153)
HSL
hsl(35, 10%, 64%)
HSB
hsb(35, 11%, 67%)
CMYK
cmyk(0%, 5%, 11%, 33%)
Oklch
oklch(72.2% 0.018 76.1)

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

#FE5978

Peach Pink · Salmon · Coral Red

HEX
#FE5978
RGB
rgb(254, 89, 120)
HSL
hsl(349, 99%, 67%)
HSB
hsb(349, 65%, 100%)
CMYK
cmyk(0%, 65%, 53%, 0%)
Oklch
oklch(69.2% 0.200 12.9)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

#FF1C5C

Dark Violet · Crimson · Rose Pink

HEX
#FF1C5C
RGB
rgb(255, 28, 92)
HSL
hsl(343, 100%, 55%)
HSB
hsb(343, 89%, 100%)
CMYK
cmyk(0%, 89%, 64%, 0%)
Oklch
oklch(64.3% 0.247 14.5)

Traditional「Dark Violet」· Paint「Rose Pink」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

83EDBA
ED82B6

Analogous

82ED84
83EDBA
82EBED

Triadic

83EDBA
B982ED
EDB982

Split-Comp.

83EDBA
ED82EB
ED8482

Tetradic

83EDBA
8482ED
ED82B6
EBED82

Contrast Matrix WCAG 2.1 Contrast

83EDBA
615D58
ACA499
FE5978
FF1C5C
—
4.6
AA
1.7
Fail
2.1
Fail
2.7
Fail
4.6
AA
—
2.7
Fail
2.2
Fail
1.7
Fail
1.7
Fail
2.7
Fail
—
1.2
Fail
1.5
Fail
2.1
Fail
2.2
Fail
1.2
Fail
—
1.2
Fail
2.7
Fail
1.7
Fail
1.5
Fail
1.2
Fail
—
White BG
1.4Fail
6.5AA
2.5Fail
3.0AA Large
3.8AA Large
Black BG
14.8AAA
3.2AA Large
8.5AAA
6.9AA
5.6AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

B1B2C6
5F5F59
A9A89C
B7B570
9D9B4D

Deuteranopia

ABA3C9
60605A
A9AA9C
C0CC6F
AABB49

Tritanopia

88D0D2
615A5A
AC9E9E
F66B69
F4403E

Achromatopsia

C7C7C7
5E5E5E
A5A5A5
8E8E8E
676767

Shades & Tints Shades & Tints

#83EDBA

Dark
Light

#615D58

Dark
Light

#ACA499

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #83edba;
  --color-2: #615d58;
  --color-3: #aca499;
  --color-4: #fe5978;
  --color-5: #ff1c5c;
}

SCSS

$color-1: #83edba;
$color-2: #615d58;
$color-3: #aca499;
$color-4: #fe5978;
$color-5: #ff1c5c;

TAILWIND

colors: {
  'brand-1': '#83edba',
  'brand-2': '#615d58',
  'brand-3': '#aca499',
  'brand-4': '#fe5978',
  'brand-5': '#ff1c5c',
}

RGB Array

[131, 237, 186], [97, 93, 88], [172, 164, 153], [254, 89, 120], [255, 28, 92]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #83EDBA, #615D58, #ACA499, #FE5978, #FF1C5C is ideal for: corporate websites, product showcases, portfolios. 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: #83edba; --color-2: #615d58; --color-3: #aca499; --color-4: #fe5978; --color-5: #ff1c5c. 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. 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