#74C5D4 + #E0524E + #9593B8 + #65B7A9 + #00967D - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#74C5D4

Sky Blue · SkyBlue · Lake Green

HEX

#74C5D4

RGB

rgb(116, 197, 212)

HSL

hsl(189, 53%, 64%)

HSB

hsb(189, 45%, 83%)

CMYK

cmyk(45%, 7%, 0%, 17%)

Oklch

oklch(77.7% 0.082 210.7)

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

#E0524E

Vermilion · Tomato · Passion Red

HEX

#E0524E

RGB

rgb(224, 82, 78)

HSL

hsl(2, 70%, 59%)

HSB

hsb(2, 65%, 88%)

CMYK

cmyk(0%, 63%, 65%, 12%)

Oklch

oklch(62.9% 0.178 25.3)

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

#9593B8

Wisteria · DarkGray · Cobalt Blue

HEX

#9593B8

RGB

rgb(149, 147, 184)

HSL

hsl(243, 21%, 65%)

HSB

hsb(243, 20%, 72%)

CMYK

cmyk(19%, 20%, 0%, 28%)

Oklch

oklch(67.8% 0.054 287.3)

Traditional「Wisteria」· Paint「Cobalt Blue」· Creative Lavender Dream

#65B7A9

Mineral Blue · MediumAquaMarine · Lake Green

HEX

#65B7A9

RGB

rgb(101, 183, 169)

HSL

hsl(170, 36%, 56%)

HSB

hsb(170, 45%, 72%)

CMYK

cmyk(45%, 0%, 8%, 28%)

Oklch

oklch(72.3% 0.083 181.6)

Traditional「Mineral Blue」· Paint「Lake Green」· Creative Blush Sunrise

#00967D

Mineral Blue · Teal · Mint Ice

HEX

#00967D

RGB

rgb(0, 150, 125)

HSL

hsl(170, 100%, 29%)

HSB

hsb(170, 100%, 59%)

CMYK

cmyk(100%, 0%, 17%, 41%)

Oklch

oklch(60.1% 0.113 175.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

74C5D4

D48173

Analogous

73D4B2

74C5D4

7395D4

Triadic

74C5D4

D473C5

C5D473

Split-Comp.

74C5D4

D47395

D4B273

Tetradic

74C5D4

B273D4

D48173

95D473

Contrast Matrix WCAG 2.1 Contrast

74C5D4	E0524E	9593B8	65B7A9	00967D
—	1.9 Fail	1.5 Fail	1.2 Fail	1.9 Fail
1.9 Fail	—	1.3 Fail	1.6 Fail	1.0 Fail
1.5 Fail	1.3 Fail	—	1.2 Fail	1.3 Fail
1.2 Fail	1.6 Fail	1.2 Fail	—	1.6 Fail
1.9 Fail	1.0 Fail	1.3 Fail	1.6 Fail	—

White BG

2.0Fail

3.8AA Large

2.9Fail

2.4Fail

3.7AA Large

Black BG

10.7AAA

5.5AA

7.1AAA

8.9AAA

5.7AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

9798D0

A3A14F

9494AF

8989AC

414283

Deuteranopia

928CCF

ABB54F

9494AD

847EAD

382D85

Tritanopia

78CECD

D95050

95A8A6

69AFB0

088889

Achromatopsia

AEAEAE

7C7C7C

989898

9D9D9D

666666

Shades & Tints Shades & Tints

#74C5D4

Dark

Light

#E0524E

Dark

Light

#9593B8

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #74c5d4;
  --color-2: #e0524e;
  --color-3: #9593b8;
  --color-4: #65b7a9;
  --color-5: #00967d;
}

SCSS

$color-1: #74c5d4;
$color-2: #e0524e;
$color-3: #9593b8;
$color-4: #65b7a9;
$color-5: #00967d;

TAILWIND

colors: {
  'brand-1': '#74c5d4',
  'brand-2': '#e0524e',
  'brand-3': '#9593b8',
  'brand-4': '#65b7a9',
  'brand-5': '#00967d',
}

RGB Array

[116, 197, 212], [224, 82, 78], [149, 147, 184], [101, 183, 169], [0, 150, 125]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #74C5D4, #E0524E, #9593B8, #65B7A9, #00967D 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: #74c5d4; --color-2: #e0524e; --color-3: #9593b8; --color-4: #65b7a9; --color-5: #00967d. 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