← Back to Editor

#74BFBA · #D7C88D · #F75483 · #C30F70 · #541F67

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

#74BFBA

Mineral Blue · MediumAquaMarine · Lake Green

HEX
#74BFBA
RGB
rgb(116, 191, 186)
HSL
hsl(176, 37%, 60%)
HSB
hsb(176, 39%, 75%)
CMYK
cmyk(39%, 0%, 3%, 25%)
Oklch
oklch(75.4% 0.075 190.2)

Traditional「Mineral Blue」· Paint「Lake Green」· Creative Blush Sunrise

#D7C88D

Ginger · BurlyWood · Sunflower

HEX
#D7C88D
RGB
rgb(215, 200, 141)
HSL
hsl(48, 48%, 70%)
HSB
hsb(48, 34%, 84%)
CMYK
cmyk(0%, 7%, 34%, 16%)
Oklch
oklch(83.1% 0.079 95.6)

Traditional「Ginger」· Paint「Sunflower」· Creative Lemon Fizz

#F75483

Rouge · LightCoral · Rose Pink

HEX
#F75483
RGB
rgb(247, 84, 131)
HSL
hsl(343, 91%, 65%)
HSB
hsb(343, 66%, 97%)
CMYK
cmyk(0%, 66%, 47%, 3%)
Oklch
oklch(67.8% 0.200 6.7)

Traditional「Rouge」· Paint「Rose Pink」· Creative Rose Petal

#C30F70

Rose Purple · MediumVioletRed · Camellia

HEX
#C30F70
RGB
rgb(195, 15, 112)
HSL
hsl(328, 86%, 41%)
HSB
hsb(328, 92%, 76%)
CMYK
cmyk(0%, 92%, 43%, 24%)
Oklch
oklch(53.6% 0.213 356.7)

Traditional「Rose Purple」· Paint「Camellia」· Creative Blush Sunrise

#541F67

Royal Purple · DarkSlateBlue · Eggplant

HEX
#541F67
RGB
rgb(84, 31, 103)
HSL
hsl(284, 54%, 26%)
HSB
hsb(284, 70%, 40%)
CMYK
cmyk(18%, 70%, 0%, 60%)
Oklch
oklch(35.3% 0.127 315.9)

Traditional「Royal Purple」· Paint「Eggplant」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

74BFBA
BF7378

Analogous

73BF94
74BFBA
739EBF

Triadic

74BFBA
BA73BF
BFBA73

Split-Comp.

74BFBA
BF739E
BF9473

Tetradic

74BFBA
9473BF
BF7378
9EBF73

Contrast Matrix WCAG 2.1 Contrast

74BFBA
D7C88D
F75483
C30F70
541F67
—
1.3
Fail
1.5
Fail
2.7
Fail
5.6
AA
1.3
Fail
—
1.9
Fail
3.5
AA Large
7.1
AAA
1.5
Fail
1.9
Fail
—
1.8
Fail
3.7
AA Large
2.7
Fail
3.5
AA Large
1.8
Fail
—
2.0
Fail
5.6
AA
7.1
AAA
3.7
AA Large
2.0
Fail
—
White BG
2.1Fail
1.7Fail
3.2AA Large
5.8AA
11.9AAA
Black BG
9.9AAA
12.5AAA
6.6AA
3.6AA Large
1.8Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

9495BB
D1D09B
B0AF78
757359
3D3D56

Deuteranopia

908BBC
D1D39F
BAC675
808D53
404451

Tritanopia

78BCBC
D6A7A9
EF6F6D
BA4642
514845

Achromatopsia

A8A8A8
C6C6C6
8A8A8A
505050
373737

Shades & Tints Shades & Tints

#74BFBA

Dark
Light

#D7C88D

Dark
Light

#F75483

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #74bfba;
  --color-2: #d7c88d;
  --color-3: #f75483;
  --color-4: #c30f70;
  --color-5: #541f67;
}

SCSS

$color-1: #74bfba;
$color-2: #d7c88d;
$color-3: #f75483;
$color-4: #c30f70;
$color-5: #541f67;

TAILWIND

colors: {
  'brand-1': '#74bfba',
  'brand-2': '#d7c88d',
  'brand-3': '#f75483',
  'brand-4': '#c30f70',
  'brand-5': '#541f67',
}

RGB Array

[116, 191, 186], [215, 200, 141], [247, 84, 131], [195, 15, 112], [84, 31, 103]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #74BFBA, #D7C88D, #F75483, #C30F70, #541F67 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: #74bfba; --color-2: #d7c88d; --color-3: #f75483; --color-4: #c30f70; --color-5: #541f67. 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