← Back to Editor

#264250 · #2D5A6F · #EB928A · #F7CFC3 · #FDEEE7

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

#264250

Slate Blue · DarkSlateGray · Prussian Blue

HEX
#264250
RGB
rgb(38, 66, 80)
HSL
hsl(200, 36%, 23%)
HSB
hsb(200, 53%, 31%)
CMYK
cmyk(52%, 18%, 0%, 69%)
Oklch
oklch(36.3% 0.042 231.2)

Traditional「Slate Blue」· Paint「Prussian Blue」· Creative Blush Sunrise

#2D5A6F

Slate Blue · DarkSlateGray · Mint Ice

HEX
#2D5A6F
RGB
rgb(45, 90, 111)
HSL
hsl(199, 42%, 31%)
HSB
hsb(199, 59%, 44%)
CMYK
cmyk(59%, 19%, 0%, 56%)
Oklch
oklch(44.5% 0.060 230.4)

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

#EB928A

Peach Pink · DarkSalmon · Coral Red

HEX
#EB928A
RGB
rgb(235, 146, 138)
HSL
hsl(5, 71%, 73%)
HSB
hsb(5, 41%, 92%)
CMYK
cmyk(0%, 38%, 41%, 8%)
Oklch
oklch(75.0% 0.109 25.5)

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

#F7CFC3

Peach Pink · Pink · Cherry Blossom

HEX
#F7CFC3
RGB
rgb(247, 207, 195)
HSL
hsl(14, 76%, 87%)
HSB
hsb(14, 21%, 97%)
CMYK
cmyk(0%, 16%, 21%, 3%)
Oklch
oklch(88.5% 0.048 37.3)

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

#FDEEE7

Apricot · Linen · Peach Orange

HEX
#FDEEE7
RGB
rgb(253, 238, 231)
HSL
hsl(19, 85%, 95%)
HSB
hsb(19, 9%, 99%)
CMYK
cmyk(0%, 6%, 9%, 1%)
Oklch
oklch(95.9% 0.019 46.8)

Traditional「Apricot」· Paint「Peach Orange」· Creative Honey Glow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

264250
503426

Analogous

265049
264250
262D50

Triadic

264250
502642
425026

Split-Comp.

264250
50262D
504926

Tetradic

264250
492650
503426
2D5026

Contrast Matrix WCAG 2.1 Contrast

264250
2D5A6F
EB928A
F7CFC3
FDEEE7
—
1.4
Fail
4.6
AA
7.4
AAA
9.4
AAA
1.4
Fail
—
3.2
AA Large
5.2
AA
6.6
AA
4.6
AA
3.2
AA Large
—
1.6
Fail
2.1
Fail
7.4
AAA
5.2
AA
1.6
Fail
—
1.3
Fail
9.4
AAA
6.6
AA
2.1
Fail
1.3
Fail
—
White BG
10.6AAA
7.5AAA
2.3Fail
1.4Fail
1.1Fail
Black BG
2.0Fail
2.8Fail
9.0AAA
14.7AAA
18.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

32324D
40416A
C4C48C
E6E5C6
F7F6E9

Deuteranopia

312E4C
3E3B69
CAD08C
E8EBC7
F7F9E9

Tritanopia

274A49
2F6665
E78D8E
F5C8C9
FCEAEA

Achromatopsia

3B3B3B
4F4F4F
ACACAC
DADADA
F2F2F2

Shades & Tints Shades & Tints

#264250

Dark
Light

#2D5A6F

Dark
Light

#EB928A

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #264250;
  --color-2: #2d5a6f;
  --color-3: #eb928a;
  --color-4: #f7cfc3;
  --color-5: #fdeee7;
}

SCSS

$color-1: #264250;
$color-2: #2d5a6f;
$color-3: #eb928a;
$color-4: #f7cfc3;
$color-5: #fdeee7;

TAILWIND

colors: {
  'brand-1': '#264250',
  'brand-2': '#2d5a6f',
  'brand-3': '#eb928a',
  'brand-4': '#f7cfc3',
  'brand-5': '#fdeee7',
}

RGB Array

[38, 66, 80], [45, 90, 111], [235, 146, 138], [247, 207, 195], [253, 238, 231]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #264250, #2D5A6F, #EB928A, #F7CFC3, #FDEEE7 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: #264250; --color-2: #2d5a6f; --color-3: #eb928a; --color-4: #f7cfc3; --color-5: #fdeee7. 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