← Back to Editor

#1B5E79 · #EF248F · #F1AFBB · #F4F4EC · #ECB70F

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

#1B5E79

Lake Blue · Teal · Mint Ice

HEX
#1B5E79
RGB
rgb(27, 94, 121)
HSL
hsl(197, 64%, 29%)
HSB
hsb(197, 78%, 47%)
CMYK
cmyk(78%, 22%, 0%, 53%)
Oklch
oklch(45.4% 0.078 229.5)

Traditional「Lake Blue」· Paint「Mint Ice」· Creative Blush Sunrise

#EF248F

Rose Purple · DeepPink · Rose Pink

HEX
#EF248F
RGB
rgb(239, 36, 143)
HSL
hsl(328, 86%, 54%)
HSB
hsb(328, 85%, 94%)
CMYK
cmyk(0%, 85%, 40%, 6%)
Oklch
oklch(63.2% 0.242 355.8)

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

#F1AFBB

Peach Pink · LightPink · Cherry Blossom

HEX
#F1AFBB
RGB
rgb(241, 175, 187)
HSL
hsl(349, 70%, 82%)
HSB
hsb(349, 27%, 95%)
CMYK
cmyk(0%, 27%, 22%, 5%)
Oklch
oklch(81.9% 0.079 6.9)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Rose Petal

#F4F4EC

Fresh Green · Linen · Lemon Cream

HEX
#F4F4EC
RGB
rgb(244, 244, 236)
HSL
hsl(60, 27%, 94%)
HSB
hsb(60, 3%, 96%)
CMYK
cmyk(0%, 0%, 3%, 4%)
Oklch
oklch(96.5% 0.011 106.6)

Traditional「Fresh Green」· Paint「Lemon Cream」· Creative Lemon Fizz

#ECB70F

Ochre · Orange · Honey Gold

HEX
#ECB70F
RGB
rgb(236, 183, 15)
HSL
hsl(46, 88%, 49%)
HSB
hsb(46, 94%, 93%)
CMYK
cmyk(0%, 22%, 94%, 7%)
Oklch
oklch(80.5% 0.163 87.2)

Traditional「Ochre」· Paint「Honey Gold」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

1B5E79
79351B

Analogous

1B7965
1B5E79
1B2F79

Triadic

1B5E79
791B5E
5E791B

Split-Comp.

1B5E79
791B2F
79651B

Tetradic

1B5E79
651B79
79351B
2F791B

Contrast Matrix WCAG 2.1 Contrast

1B5E79
EF248F
F1AFBB
F4F4EC
ECB70F
—
1.8
Fail
4.0
AA Large
6.5
AA
3.9
AA Large
1.8
Fail
—
2.2
Fail
3.6
AA Large
2.1
Fail
4.0
AA Large
2.2
Fail
—
1.6
Fail
1.0
Fail
6.5
AA
3.6
AA Large
1.6
Fail
—
1.7
Fail
3.9
AA Large
2.1
Fail
1.0
Fail
1.7
Fail
—
White BG
7.2AAA
3.9AA Large
1.8Fail
1.1Fail
1.9Fail
Black BG
2.9Fail
5.3AA
11.6AAA
19.0AAA
11.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

383972
979575
D4D4B8
F4F4EE
D5D538

Deuteranopia

342F71
A3B26F
D8DDB7
F4F4EE
D8DC41

Tritanopia

1E6D6C
E5615C
EEB6B5
F4EFF0
E9585F

Achromatopsia

4D4D4D
6D6D6D
C4C4C4
F3F3F3
B4B4B4

Shades & Tints Shades & Tints

#1B5E79

Dark
Light

#EF248F

Dark
Light

#F1AFBB

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #1b5e79;
  --color-2: #ef248f;
  --color-3: #f1afbb;
  --color-4: #f4f4ec;
  --color-5: #ecb70f;
}

SCSS

$color-1: #1b5e79;
$color-2: #ef248f;
$color-3: #f1afbb;
$color-4: #f4f4ec;
$color-5: #ecb70f;

TAILWIND

colors: {
  'brand-1': '#1b5e79',
  'brand-2': '#ef248f',
  'brand-3': '#f1afbb',
  'brand-4': '#f4f4ec',
  'brand-5': '#ecb70f',
}

RGB Array

[27, 94, 121], [239, 36, 143], [241, 175, 187], [244, 244, 236], [236, 183, 15]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #1B5E79, #EF248F, #F1AFBB, #F4F4EC, #ECB70F 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: #1b5e79; --color-2: #ef248f; --color-3: #f1afbb; --color-4: #f4f4ec; --color-5: #ecb70f. 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