← Back to Editor

#4ACFC1 · #CEA18F · #25E5D4 · #F15D4B · #99F8D8

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

#4ACFC1

Mineral Blue · MediumTurquoise · Lake Green

HEX
#4ACFC1
RGB
rgb(74, 207, 193)
HSL
hsl(174, 58%, 55%)
HSB
hsb(174, 64%, 81%)
CMYK
cmyk(64%, 0%, 7%, 19%)
Oklch
oklch(77.9% 0.116 185.2)

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

#CEA18F

Apricot · Tan · Warm Sun

HEX
#CEA18F
RGB
rgb(206, 161, 143)
HSL
hsl(17, 39%, 68%)
HSB
hsb(17, 31%, 81%)
CMYK
cmyk(0%, 22%, 31%, 19%)
Oklch
oklch(74.6% 0.059 42.9)

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

#25E5D4

Mineral Blue · Turquoise · Lake Green

HEX
#25E5D4
RGB
rgb(37, 229, 212)
HSL
hsl(175, 79%, 52%)
HSB
hsb(175, 84%, 90%)
CMYK
cmyk(84%, 0%, 7%, 10%)
Oklch
oklch(83.1% 0.141 185.2)

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

#F15D4B

Peach Pink · Tomato · Coral Red

HEX
#F15D4B
RGB
rgb(241, 93, 75)
HSL
hsl(7, 86%, 62%)
HSB
hsb(7, 69%, 95%)
CMYK
cmyk(0%, 61%, 69%, 5%)
Oklch
oklch(66.8% 0.186 29.7)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

#99F8D8

Jade · LightBlue · Glacier Blue

HEX
#99F8D8
RGB
rgb(153, 248, 216)
HSL
hsl(160, 87%, 79%)
HSB
hsb(160, 38%, 97%)
CMYK
cmyk(38%, 0%, 13%, 3%)
Oklch
oklch(91.1% 0.101 170.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

4ACFC1
CF4A57

Analogous

4ACF7F
4ACFC1
4A9ACF

Triadic

4ACFC1
C14ACF
CFC14A

Split-Comp.

4ACFC1
CF4A9A
CF7F4A

Tetradic

4ACFC1
7F4ACF
CF4A57
9ACF4A

Contrast Matrix WCAG 2.1 Contrast

4ACFC1
CEA18F
25E5D4
F15D4B
99F8D8
—
1.2
Fail
1.2
Fail
1.7
Fail
1.5
Fail
1.2
Fail
—
1.5
Fail
1.4
Fail
1.8
Fail
1.2
Fail
1.5
Fail
—
2.1
Fail
1.3
Fail
1.7
Fail
1.4
Fail
2.1
Fail
—
2.6
Fail
1.5
Fail
1.8
Fail
1.3
Fail
2.6
Fail
—
White BG
1.9Fail
2.3Fail
1.6Fail
3.3AA Large
1.3Fail
Black BG
11.0AAA
9.1AAA
13.2AAA
6.4AA
16.8AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

8485C4
BBBA93
787AD8
B1B04F
C2C3E0

Deuteranopia

7C72C5
BDC194
6D5FD9
BAC550
BDB6E2

Tritanopia

51C7C8
CC9798
2FDBDC
EA5354
9EE6E7

Achromatopsia

A6A6A6
ACACAC
AAAAAA
878787
D8D8D8

Shades & Tints Shades & Tints

#4ACFC1

Dark
Light

#CEA18F

Dark
Light

#25E5D4

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #4acfc1;
  --color-2: #cea18f;
  --color-3: #25e5d4;
  --color-4: #f15d4b;
  --color-5: #99f8d8;
}

SCSS

$color-1: #4acfc1;
$color-2: #cea18f;
$color-3: #25e5d4;
$color-4: #f15d4b;
$color-5: #99f8d8;

TAILWIND

colors: {
  'brand-1': '#4acfc1',
  'brand-2': '#cea18f',
  'brand-3': '#25e5d4',
  'brand-4': '#f15d4b',
  'brand-5': '#99f8d8',
}

RGB Array

[74, 207, 193], [206, 161, 143], [37, 229, 212], [241, 93, 75], [153, 248, 216]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #4ACFC1, #CEA18F, #25E5D4, #F15D4B, #99F8D8 is ideal for: social media posters, mobile apps, e-commerce promos. 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: #4acfc1; --color-2: #cea18f; --color-3: #25e5d4; --color-4: #f15d4b; --color-5: #99f8d8. 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 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