← Back to Editor

#35AFB4 · #DB9989 · #AB849F · #C61452 · #5E595D

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 Library

Color Details Color Details

#35AFB4

Lake Blue · LightSeaGreen · Mint Ice

HEX
#35AFB4
RGB
rgb(53, 175, 180)
HSL
hsl(182, 55%, 46%)
HSB
hsb(182, 71%, 71%)
CMYK
cmyk(71%, 3%, 0%, 29%)
Oklch
oklch(69.1% 0.104 199.1)

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

#DB9989

Peach Pink · DarkSalmon · Coral Red

HEX
#DB9989
RGB
rgb(219, 153, 137)
HSL
hsl(12, 53%, 70%)
HSB
hsb(12, 37%, 86%)
CMYK
cmyk(0%, 30%, 37%, 14%)
Oklch
oklch(74.3% 0.083 34.2)

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

#AB849F

Rose Purple · DarkGray · Violet

HEX
#AB849F
RGB
rgb(171, 132, 159)
HSL
hsl(318, 19%, 59%)
HSB
hsb(318, 23%, 67%)
CMYK
cmyk(0%, 23%, 7%, 33%)
Oklch
oklch(65.9% 0.060 337.9)

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

#C61452

Dark Violet · Crimson · Camellia

HEX
#C61452
RGB
rgb(198, 20, 82)
HSL
hsl(339, 82%, 43%)
HSB
hsb(339, 90%, 78%)
CMYK
cmyk(0%, 90%, 59%, 22%)
Oklch
oklch(53.5% 0.205 9.7)

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

#5E595D

Ink Gray · DimGray · Charcoal

HEX
#5E595D
RGB
rgb(94, 89, 93)
HSL
hsl(312, 3%, 36%)
HSB
hsb(312, 5%, 37%)
CMYK
cmyk(0%, 5%, 1%, 63%)
Oklch
oklch(47.0% 0.009 332.3)

Traditional「Ink Gray」· Paint「Charcoal」· Creative Midnight Shadow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

35AFB4
B63935

Analogous

35B67A
35AFB4
3571B6

Triadic

35AFB4
B635B2
B2B635

Split-Comp.

35AFB4
B63571
B67A35

Tetradic

35AFB4
7A35B6
B63935
71B635

Contrast Matrix WCAG 2.1 Contrast

35AFB4
DB9989
AB849F
C61452
5E595D
—
1.1
Fail
1.2
Fail
2.2
Fail
2.6
Fail
1.1
Fail
—
1.4
Fail
2.5
Fail
2.9
Fail
1.2
Fail
1.4
Fail
—
1.8
Fail
2.1
Fail
2.2
Fail
2.5
Fail
1.8
Fail
—
1.2
Fail
2.6
Fail
2.9
Fail
2.1
Fail
1.2
Fail
—
White BG
2.6Fail
2.4Fail
3.2AA Large
5.8AA
6.9AA
Black BG
7.9AAA
8.9AAA
6.5AA
3.6AA Large
3.1AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

6A6BB3
BEBE8D
9A9A98
797743
5C5C5C

Deuteranopia

635AB3
C2C78E
9C9F97
83913F
5C5D5C

Tritanopia

3BB2B2
D89091
A99392
BD3735
5E5B5B

Achromatopsia

8B8B8B
ABABAB
939393
505050
5B5B5B

Shades & Tints Shades & Tints

#35AFB4

Dark
Light

#DB9989

Dark
Light

#AB849F

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #35afb4;
  --color-2: #db9989;
  --color-3: #ab849f;
  --color-4: #c61452;
  --color-5: #5e595d;
}

SCSS

$color-1: #35afb4;
$color-2: #db9989;
$color-3: #ab849f;
$color-4: #c61452;
$color-5: #5e595d;

TAILWIND

colors: {
  'brand-1': '#35afb4',
  'brand-2': '#db9989',
  'brand-3': '#ab849f',
  'brand-4': '#c61452',
  'brand-5': '#5e595d',
}

RGB Array

[53, 175, 180], [219, 153, 137], [171, 132, 159], [198, 20, 82], [94, 89, 93]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #35AFB4, #DB9989, #AB849F, #C61452, #5E595D is ideal for: corporate websites, product showcases, portfolios. 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: #35afb4; --color-2: #db9989; --color-3: #ab849f; --color-4: #c61452; --color-5: #5e595d. 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. 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