← Back to Editor

#4B656B · #F2494C · #E69D7F · #DEC99B · #DCE2F5

A 5-color palette palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReadingData Visualization

Color Details Color Details

#4B656B

Slate Blue · DimGray · Mint Ice

HEX
#4B656B
RGB
rgb(75, 101, 107)
HSL
hsl(191, 18%, 36%)
HSB
hsb(191, 30%, 42%)
CMYK
cmyk(30%, 6%, 0%, 58%)
Oklch
oklch(48.8% 0.032 213.4)

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

#F2494C

Peach Pink · Tomato · Coral Red

HEX
#F2494C
RGB
rgb(242, 73, 76)
HSL
hsl(359, 87%, 62%)
HSB
hsb(359, 70%, 95%)
CMYK
cmyk(0%, 70%, 69%, 5%)
Oklch
oklch(64.8% 0.205 24.1)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

#E69D7F

Apricot · DarkSalmon · Warm Sun

HEX
#E69D7F
RGB
rgb(230, 157, 127)
HSL
hsl(17, 67%, 70%)
HSB
hsb(17, 45%, 90%)
CMYK
cmyk(0%, 32%, 45%, 10%)
Oklch
oklch(76.1% 0.097 43.2)

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

#DEC99B

Goose Yellow · BurlyWood · Sunflower

HEX
#DEC99B
RGB
rgb(222, 201, 155)
HSL
hsl(41, 50%, 74%)
HSB
hsb(41, 30%, 87%)
CMYK
cmyk(0%, 9%, 30%, 13%)
Oklch
oklch(84.2% 0.065 86.3)

Traditional「Goose Yellow」· Paint「Sunflower」· Creative Lemon Fizz

#DCE2F5

Azure · Lavender · Sky Blue

HEX
#DCE2F5
RGB
rgb(220, 226, 245)
HSL
hsl(226, 56%, 91%)
HSB
hsb(226, 10%, 96%)
CMYK
cmyk(10%, 8%, 0%, 4%)
Oklch
oklch(91.4% 0.027 271.9)

Traditional「Azure」· Paint「Sky Blue」· Creative Twilight Haze

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

4B656B
6C514B

Analogous

4B6C62
4B656B
4B566C

Triadic

4B656B
6C4B66
666C4B

Split-Comp.

4B656B
6C4B56
6C624B

Tetradic

4B656B
624B6C
6C514B
566C4B

Contrast Matrix WCAG 2.1 Contrast

4B656B
F2494C
E69D7F
DEC99B
DCE2F5
—
1.7
Fail
2.8
Fail
3.8
AA Large
4.8
AA
1.7
Fail
—
1.6
Fail
2.2
Fail
2.8
Fail
2.8
Fail
1.6
Fail
—
1.4
Fail
1.7
Fail
3.8
AA Large
2.2
Fail
1.4
Fail
—
1.3
Fail
4.8
AA
2.8
Fail
1.7
Fail
1.3
Fail
—
White BG
6.2AA
3.6AA Large
2.2Fail
1.6Fail
1.3Fail
Black BG
3.4AA Large
5.8AA
9.5AAA
12.9AAA
16.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

56566A
A9A74B
C6C686
D5D5A6
DFDFF0

Deuteranopia

555369
B3BF4B
CBD088
D6D8A9
DEDEEF

Tritanopia

4C6868
EA4B4B
E28C8D
DDAFB1
DCEDEC

Achromatopsia

5E5E5E
7C7C7C
AFAFAF
CACACA
E2E2E2

Shades & Tints Shades & Tints

#4B656B

Dark
Light

#F2494C

Dark
Light

#E69D7F

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #4b656b;
  --color-2: #f2494c;
  --color-3: #e69d7f;
  --color-4: #dec99b;
  --color-5: #dce2f5;
}

SCSS

$color-1: #4b656b;
$color-2: #f2494c;
$color-3: #e69d7f;
$color-4: #dec99b;
$color-5: #dce2f5;

TAILWIND

colors: {
  'brand-1': '#4b656b',
  'brand-2': '#f2494c',
  'brand-3': '#e69d7f',
  'brand-4': '#dec99b',
  'brand-5': '#dce2f5',
}

RGB Array

[75, 101, 107], [242, 73, 76], [230, 157, 127], [222, 201, 155], [220, 226, 245]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #4B656B, #F2494C, #E69D7F, #DEC99B, #DCE2F5 is ideal for: health products, baby brands, fresh-style blogs, infographics, data visualization, accessible design. High contrast ensures clear visual hierarchy and readability. It is a balanced and harmonious choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #4b656b; --color-2: #f2494c; --color-3: #e69d7f; --color-4: #dec99b; --color-5: #dce2f5. 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. 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 tech, SaaS, healthcare, eco industries. 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