← Back to Editor

#49A1B7 · #7DB6C9 · #FCDED4 · #BF616F · #2E2528

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#49A1B7

Slate Blue · SteelBlue · Mint Ice

HEX
#49A1B7
RGB
rgb(73, 161, 183)
HSL
hsl(192, 43%, 50%)
HSB
hsb(192, 60%, 72%)
CMYK
cmyk(60%, 12%, 0%, 28%)
Oklch
oklch(66.4% 0.090 216.7)

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

#7DB6C9

Sky Blue · SkyBlue · Lake Green

HEX
#7DB6C9
RGB
rgb(125, 182, 201)
HSL
hsl(195, 41%, 64%)
HSB
hsb(195, 38%, 79%)
CMYK
cmyk(38%, 9%, 0%, 21%)
Oklch
oklch(74.4% 0.065 220.8)

Traditional「Sky Blue」· Paint「Lake Green」· Creative Arctic Pool

#FCDED4

Apricot · Bisque · Peach Orange

HEX
#FCDED4
RGB
rgb(252, 222, 212)
HSL
hsl(15, 87%, 91%)
HSB
hsb(15, 16%, 99%)
CMYK
cmyk(0%, 12%, 16%, 1%)
Oklch
oklch(92.3% 0.036 39.3)

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

#BF616F

Crimson · LightCoral · Passion Red

HEX
#BF616F
RGB
rgb(191, 97, 111)
HSL
hsl(351, 42%, 56%)
HSB
hsb(351, 49%, 75%)
CMYK
cmyk(0%, 49%, 42%, 25%)
Oklch
oklch(60.7% 0.121 12.0)

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

#2E2528

Dark Violet · DarkSlateGray · Raspberry

HEX
#2E2528
RGB
rgb(46, 37, 40)
HSL
hsl(340, 11%, 16%)
HSB
hsb(340, 20%, 18%)
CMYK
cmyk(0%, 20%, 13%, 82%)
Oklch
oklch(27.6% 0.014 356.1)

Traditional「Dark Violet」· Paint「Raspberry」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

49A1B7
B65F49

Analogous

49B695
49A1B7
496AB6

Triadic

49A1B7
B649A0
A0B649

Split-Comp.

49A1B7
B6496A
B69549

Tetradic

49A1B7
9549B6
B65F49
6AB649

Contrast Matrix WCAG 2.1 Contrast

49A1B7
7DB6C9
FCDED4
BF616F
2E2528
—
1.3
Fail
2.3
Fail
1.4
Fail
5.0
AA
1.3
Fail
—
1.8
Fail
1.8
Fail
6.7
AA
2.3
Fail
1.8
Fail
—
3.2
AA Large
11.7
AAA
1.4
Fail
1.8
Fail
3.2
AA Large
—
3.7
AA Large
5.0
AA
6.7
AA
11.7
AAA
3.7
AA Large
—
White BG
3.0Fail
2.2Fail
1.3Fail
4.1AA Large
14.9AAA
Black BG
7.1AAA
9.4AAA
16.5AAA
5.2AA
1.4Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

6F70B2
9696C4
EFEFD6
96956C
2A2A27

Deuteranopia

6A63B0
928EC3
F1F3D7
9CA36B
2B2B27

Tritanopia

4DADAD
80C1C0
FAD8D9
BA6968
2E2727

Achromatopsia

898989
A7A7A7
E6E6E6
7F7F7F
282828

Shades & Tints Shades & Tints

#49A1B7

Dark
Light

#7DB6C9

Dark
Light

#FCDED4

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #49a1b7;
  --color-2: #7db6c9;
  --color-3: #fcded4;
  --color-4: #bf616f;
  --color-5: #2e2528;
}

SCSS

$color-1: #49a1b7;
$color-2: #7db6c9;
$color-3: #fcded4;
$color-4: #bf616f;
$color-5: #2e2528;

TAILWIND

colors: {
  'brand-1': '#49a1b7',
  'brand-2': '#7db6c9',
  'brand-3': '#fcded4',
  'brand-4': '#bf616f',
  'brand-5': '#2e2528',
}

RGB Array

[73, 161, 183], [125, 182, 201], [252, 222, 212], [191, 97, 111], [46, 37, 40]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #49A1B7, #7DB6C9, #FCDED4, #BF616F, #2E2528 is ideal for: 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: #49a1b7; --color-2: #7db6c9; --color-3: #fcded4; --color-4: #bf616f; --color-5: #2e2528. 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 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