← Back to Editor

#71CCAD · #45262B · #8D2250 · #D92B60 · #FF4C69

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarmCool

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial AppData Visualization

Color Details Color Details

#71CCAD

Jade · MediumAquaMarine · Lake Green

HEX
#71CCAD
RGB
rgb(113, 204, 173)
HSL
hsl(160, 47%, 62%)
HSB
hsb(160, 45%, 80%)
CMYK
cmyk(45%, 0%, 15%, 20%)
Oklch
oklch(78.0% 0.099 169.5)

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

#45262B

Crimson · DarkSlateGray · Wine Red

HEX
#45262B
RGB
rgb(69, 38, 43)
HSL
hsl(350, 29%, 21%)
HSB
hsb(350, 45%, 27%)
CMYK
cmyk(0%, 45%, 38%, 73%)
Oklch
oklch(31.1% 0.047 9.8)

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

#8D2250

Dark Violet · Brown · Camellia

HEX
#8D2250
RGB
rgb(141, 34, 80)
HSL
hsl(334, 61%, 34%)
HSB
hsb(334, 76%, 55%)
CMYK
cmyk(0%, 76%, 43%, 45%)
Oklch
oklch(43.9% 0.147 359.2)

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

#D92B60

Dark Violet · Crimson · Rose Pink

HEX
#D92B60
RGB
rgb(217, 43, 96)
HSL
hsl(342, 70%, 51%)
HSB
hsb(342, 80%, 85%)
CMYK
cmyk(0%, 80%, 56%, 15%)
Oklch
oklch(58.4% 0.208 9.5)

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

#FF4C69

Peach Pink · Tomato · Coral Red

HEX
#FF4C69
RGB
rgb(255, 76, 105)
HSL
hsl(350, 100%, 65%)
HSB
hsb(350, 70%, 100%)
CMYK
cmyk(0%, 70%, 59%, 0%)
Oklch
oklch(67.7% 0.214 15.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

71CCAD
CC718F

Analogous

71CC80
71CCAD
71BCCC

Triadic

71CCAD
AD71CC
CCAD71

Split-Comp.

71CCAD
CC71BC
CC8071

Tetradic

71CCAD
8071CC
CC718F
BCCC71

Contrast Matrix WCAG 2.1 Contrast

71CCAD
45262B
8D2250
D92B60
FF4C69
—
7.0
AA
4.4
AA Large
2.5
Fail
1.7
Fail
7.0
AA
—
1.6
Fail
2.9
Fail
4.1
AA Large
4.4
AA Large
1.6
Fail
—
1.8
Fail
2.6
Fail
2.5
Fail
2.9
Fail
1.8
Fail
—
1.5
Fail
1.7
Fail
4.1
AA Large
2.6
Fail
1.5
Fail
—
White BG
1.9Fail
13.4AAA
8.5AAA
4.7AA
3.2AA Large
Black BG
10.9AAA
1.6Fail
2.5Fail
4.5AA Large
6.5AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

9899B5
38372A
5F5E45
8E8C53
B1B062

Deuteranopia

938CB6
393C2A
656D42
98A550
BCC960

Tritanopia

76BABC
432929
883C3A
D04947
F65C5B

Achromatopsia

ADADAD
303030
474747
656565
858585

Shades & Tints Shades & Tints

#71CCAD

Dark
Light

#45262B

Dark
Light

#8D2250

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #71ccad;
  --color-2: #45262b;
  --color-3: #8d2250;
  --color-4: #d92b60;
  --color-5: #ff4c69;
}

SCSS

$color-1: #71ccad;
$color-2: #45262b;
$color-3: #8d2250;
$color-4: #d92b60;
$color-5: #ff4c69;

TAILWIND

colors: {
  'brand-1': '#71ccad',
  'brand-2': '#45262b',
  'brand-3': '#8d2250',
  'brand-4': '#d92b60',
  'brand-5': '#ff4c69',
}

RGB Array

[113, 204, 173], [69, 38, 43], [141, 34, 80], [217, 43, 96], [255, 76, 105]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #71CCAD, #45262B, #8D2250, #D92B60, #FF4C69 is ideal for: social media posters, mobile apps, e-commerce promos, infographics, data visualization, accessible design. Vivid colors effectively attract user attention. High contrast ensures clear visual hierarchy and readability. It is a vibrant and energetic choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #71ccad; --color-2: #45262b; --color-3: #8d2250; --color-4: #d92b60; --color-5: #ff4c69. 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 food & dining, entertainment, kids education, social industries. Bold colors convey vitality and innovation. 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