← Back to Editor

#51DCE3 · #041021 · #FF85AB · #FFB8B8 · #EDE2D5

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

#51DCE3

Lake Blue · Turquoise · Lake Green

HEX
#51DCE3
RGB
rgb(81, 220, 227)
HSL
hsl(183, 72%, 60%)
HSB
hsb(183, 64%, 89%)
CMYK
cmyk(64%, 3%, 0%, 11%)
Oklch
oklch(82.3% 0.118 199.9)

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

#041021

Indigo · Black · Deep Sea Blue

HEX
#041021
RGB
rgb(4, 16, 33)
HSL
hsl(215, 78%, 7%)
HSB
hsb(215, 88%, 13%)
CMYK
cmyk(88%, 52%, 0%, 87%)
Oklch
oklch(17.2% 0.040 255.2)

Traditional「Indigo」· Paint「Deep Sea Blue」· Creative Blush Sunrise

#FF85AB

Rouge · LightCoral · Cherry Blossom

HEX
#FF85AB
RGB
rgb(255, 133, 171)
HSL
hsl(341, 100%, 76%)
HSB
hsb(341, 48%, 100%)
CMYK
cmyk(0%, 48%, 33%, 0%)
Oklch
oklch(76.2% 0.153 1.6)

Traditional「Rouge」· Paint「Cherry Blossom」· Creative Rose Petal

#FFB8B8

Peach Pink · LightPink · Cherry Blossom

HEX
#FFB8B8
RGB
rgb(255, 184, 184)
HSL
hsl(0, 100%, 86%)
HSB
hsb(0, 28%, 100%)
CMYK
cmyk(0%, 28%, 28%, 0%)
Oklch
oklch(84.9% 0.083 18.9)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Blush Sunrise

#EDE2D5

Goose Yellow · Beige · Peach Orange

HEX
#EDE2D5
RGB
rgb(237, 226, 213)
HSL
hsl(32, 40%, 88%)
HSB
hsb(32, 10%, 93%)
CMYK
cmyk(0%, 5%, 10%, 7%)
Oklch
oklch(91.8% 0.021 72.1)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

51DCE3
E25750

Analogous

50E2A0
51DCE3
5092E2

Triadic

51DCE3
E250DB
DBE250

Split-Comp.

51DCE3
E25092
E2A050

Tetradic

51DCE3
A050E2
E25750
92E250

Contrast Matrix WCAG 2.1 Contrast

51DCE3
041021
FF85AB
FFB8B8
EDE2D5
—
11.5
AAA
1.4
Fail
1.0
Fail
1.3
Fail
11.5
AAA
—
8.3
AAA
11.6
AAA
14.9
AAA
1.4
Fail
8.3
AAA
—
1.4
Fail
1.8
Fail
1.0
Fail
11.6
AAA
1.4
Fail
—
1.3
Fail
1.3
Fail
14.9
AAA
1.8
Fail
1.3
Fail
—
White BG
1.7Fail
19.1AAA
2.3Fail
1.6Fail
1.3Fail
Black BG
12.7AAA
1.1Fail
9.2AAA
12.8AAA
16.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

8D8EE1
09091D
CAC9A2
E0E0B8
E8E8D8

Deuteranopia

857BE1
09081C
D1DAA0
E4EAB8
E9EAD9

Tritanopia

58E0E0
051A19
F99B99
FBB8B8
ECDBDB

Achromatopsia

B3B3B3
0E0E0E
AEAEAE
CDCDCD
E4E4E4

Shades & Tints Shades & Tints

#51DCE3

Dark
Light

#041021

Dark
Light

#FF85AB

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #51dce3;
  --color-2: #041021;
  --color-3: #ff85ab;
  --color-4: #ffb8b8;
  --color-5: #ede2d5;
}

SCSS

$color-1: #51dce3;
$color-2: #041021;
$color-3: #ff85ab;
$color-4: #ffb8b8;
$color-5: #ede2d5;

TAILWIND

colors: {
  'brand-1': '#51dce3',
  'brand-2': '#041021',
  'brand-3': '#ff85ab',
  'brand-4': '#ffb8b8',
  'brand-5': '#ede2d5',
}

RGB Array

[81, 220, 227], [4, 16, 33], [255, 133, 171], [255, 184, 184], [237, 226, 213]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #51DCE3, #041021, #FF85AB, #FFB8B8, #EDE2D5 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: #51dce3; --color-2: #041021; --color-3: #ff85ab; --color-4: #ffb8b8; --color-5: #ede2d5. 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