← Back to Editor

#25F39C · #B0E6FB · #EDE0EC · #F7268D · #E62F51

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 App

Color Details Color Details

#25F39C

Mineral Blue · MediumSpringGreen · Olive Green

HEX
#25F39C
RGB
rgb(37, 243, 156)
HSL
hsl(155, 90%, 55%)
HSB
hsb(155, 85%, 95%)
CMYK
cmyk(85%, 0%, 36%, 5%)
Oklch
oklch(85.2% 0.193 157.9)

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

#B0E6FB

Sky Blue · LightBlue · Glacier Blue

HEX
#B0E6FB
RGB
rgb(176, 230, 251)
HSL
hsl(197, 90%, 84%)
HSB
hsb(197, 30%, 98%)
CMYK
cmyk(30%, 8%, 0%, 2%)
Oklch
oklch(89.5% 0.062 223.8)

Traditional「Sky Blue」· Paint「Glacier Blue」· Creative Arctic Pool

#EDE0EC

Mauve · Lavender · Lavender

HEX
#EDE0EC
RGB
rgb(237, 224, 236)
HSL
hsl(305, 27%, 90%)
HSB
hsb(305, 5%, 93%)
CMYK
cmyk(0%, 5%, 0%, 7%)
Oklch
oklch(92.0% 0.021 328.1)

Traditional「Mauve」· Paint「Lavender」· Creative Rose Petal

#F7268D

Dark Violet · DeepPink · Rose Pink

HEX
#F7268D
RGB
rgb(247, 38, 141)
HSL
hsl(330, 93%, 56%)
HSB
hsb(330, 85%, 97%)
CMYK
cmyk(0%, 85%, 43%, 3%)
Oklch
oklch(64.6% 0.246 358.1)

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

#E62F51

Vermilion · Crimson · Passion Red

HEX
#E62F51
RGB
rgb(230, 47, 81)
HSL
hsl(349, 79%, 54%)
HSB
hsb(349, 80%, 90%)
CMYK
cmyk(0%, 80%, 65%, 10%)
Oklch
oklch(60.7% 0.215 17.1)

Traditional「Vermilion」· Paint「Passion Red」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

25F39C
F4257B

Analogous

25F436
25F39C
25E2F4

Triadic

25F39C
9D25F4
F49D25

Split-Comp.

25F39C
F425E2
F43625

Tetradic

25F39C
3625F4
F4257B
E2F425

Contrast Matrix WCAG 2.1 Contrast

25F39C
B0E6FB
EDE0EC
F7268D
E62F51
—
1.1
Fail
1.1
Fail
2.6
Fail
2.9
Fail
1.1
Fail
—
1.1
Fail
2.8
Fail
3.2
AA Large
1.1
Fail
1.1
Fail
—
2.9
Fail
3.4
AA Large
2.6
Fail
2.8
Fail
2.9
Fail
—
1.1
Fail
2.9
Fail
3.2
AA Large
3.4
AA Large
1.1
Fail
—
White BG
1.5Fail
1.3Fail
1.3Fail
3.7AA Large
4.3AA Large
Black BG
14.4AAA
15.6AAA
16.5AAA
5.6AA
4.9AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

7E80B1
C7C8F6
E7E7E9
9D9B74
979549

Deuteranopia

7263B6
C4C0F5
E8E9E8
A9B86E
A1AF47

Tritanopia

2FC2C5
B3F2F1
ECE7E6
ED605C
DD4241

Achromatopsia

ABABAB
D8D8D8
E5E5E5
707070
6A6A6A

Shades & Tints Shades & Tints

#25F39C

Dark
Light

#B0E6FB

Dark
Light

#EDE0EC

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #25f39c;
  --color-2: #b0e6fb;
  --color-3: #ede0ec;
  --color-4: #f7268d;
  --color-5: #e62f51;
}

SCSS

$color-1: #25f39c;
$color-2: #b0e6fb;
$color-3: #ede0ec;
$color-4: #f7268d;
$color-5: #e62f51;

TAILWIND

colors: {
  'brand-1': '#25f39c',
  'brand-2': '#b0e6fb',
  'brand-3': '#ede0ec',
  'brand-4': '#f7268d',
  'brand-5': '#e62f51',
}

RGB Array

[37, 243, 156], [176, 230, 251], [237, 224, 236], [247, 38, 141], [230, 47, 81]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #25F39C, #B0E6FB, #EDE0EC, #F7268D, #E62F51 is ideal for: social media posters, mobile apps, e-commerce promos, health products, baby brands, fresh-style blogs. Vivid colors effectively attract user attention. 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: #25f39c; --color-2: #b0e6fb; --color-3: #ede0ec; --color-4: #f7268d; --color-5: #e62f51. 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?

Light tones suit backgrounds; use dark colors for body text. Mid-tones work for card backgrounds or dividers to add depth. 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