← Back to Editor

#1C757D · #55A3A5 · #AED1B9 · #F1EDD2 · #C59184

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

#1C757D

Lake Blue · Teal · Mint Ice

HEX
#1C757D
RGB
rgb(28, 117, 125)
HSL
hsl(185, 63%, 30%)
HSB
hsb(185, 78%, 49%)
CMYK
cmyk(78%, 6%, 0%, 51%)
Oklch
oklch(51.6% 0.080 204.1)

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

#55A3A5

Slate Blue · CadetBlue · Mint Ice

HEX
#55A3A5
RGB
rgb(85, 163, 165)
HSL
hsl(182, 32%, 49%)
HSB
hsb(182, 48%, 65%)
CMYK
cmyk(48%, 1%, 0%, 35%)
Oklch
oklch(66.7% 0.077 197.7)

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

#AED1B9

Celadon · Silver · Apple Green

HEX
#AED1B9
RGB
rgb(174, 209, 185)
HSL
hsl(139, 28%, 75%)
HSB
hsb(139, 17%, 82%)
CMYK
cmyk(17%, 0%, 11%, 18%)
Oklch
oklch(82.8% 0.050 155.2)

Traditional「Celadon」· Paint「Apple Green」· Creative Mint Breeze

#F1EDD2

Fresh Green · Beige · Lemon Cream

HEX
#F1EDD2
RGB
rgb(241, 237, 210)
HSL
hsl(52, 53%, 88%)
HSB
hsb(52, 13%, 95%)
CMYK
cmyk(0%, 2%, 13%, 5%)
Oklch
oklch(94.2% 0.036 100.1)

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

#C59184

Peach Pink · DarkSalmon · Coral Red

HEX
#C59184
RGB
rgb(197, 145, 132)
HSL
hsl(12, 36%, 65%)
HSB
hsb(12, 33%, 77%)
CMYK
cmyk(0%, 26%, 33%, 23%)
Oklch
oklch(70.3% 0.066 34.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

1C757D
7D241C

Analogous

1C7D55
1C757D
1C447D

Triadic

1C757D
7D1C75
757D1C

Split-Comp.

1C757D
7D1C44
7D551C

Tetradic

1C757D
551C7D
7D241C
447D1C

Contrast Matrix WCAG 2.1 Contrast

1C757D
55A3A5
AED1B9
F1EDD2
C59184
—
1.8
Fail
3.2
AA Large
4.6
AA
2.0
Fail
1.8
Fail
—
1.8
Fail
2.5
Fail
1.1
Fail
3.2
AA Large
1.8
Fail
—
1.4
Fail
1.6
Fail
4.6
AA
2.5
Fail
1.4
Fail
—
2.3
Fail
2.0
Fail
1.1
Fail
1.6
Fail
2.3
Fail
—
White BG
5.4AA
2.9Fail
1.7Fail
1.2Fail
2.7Fail
Black BG
3.9AA Large
7.2AAA
12.6AAA
17.8AAA
7.8AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

43437B
7777A5
BDBDBF
EFEFD9
AEAE87

Deuteranopia

3D377B
726CA4
BBB9C0
F0F0DA
B2B588

Tritanopia

207A79
59A4A4
B0C3C4
F1DEDF
C28A8A

Achromatopsia

5B5B5B
8C8C8C
C4C4C4
EBEBEB
9F9F9F

Shades & Tints Shades & Tints

#1C757D

Dark
Light

#55A3A5

Dark
Light

#AED1B9

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #1c757d;
  --color-2: #55a3a5;
  --color-3: #aed1b9;
  --color-4: #f1edd2;
  --color-5: #c59184;
}

SCSS

$color-1: #1c757d;
$color-2: #55a3a5;
$color-3: #aed1b9;
$color-4: #f1edd2;
$color-5: #c59184;

TAILWIND

colors: {
  'brand-1': '#1c757d',
  'brand-2': '#55a3a5',
  'brand-3': '#aed1b9',
  'brand-4': '#f1edd2',
  'brand-5': '#c59184',
}

RGB Array

[28, 117, 125], [85, 163, 165], [174, 209, 185], [241, 237, 210], [197, 145, 132]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #1C757D, #55A3A5, #AED1B9, #F1EDD2, #C59184 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: #1c757d; --color-2: #55a3a5; --color-3: #aed1b9; --color-4: #f1edd2; --color-5: #c59184. 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