← Back to Editor

#74C8B9 · #FC7145 · #3EA1AC · #BCB950 · #CED8BF

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

#74C8B9

Jade · MediumAquaMarine · Lake Green

HEX
#74C8B9
RGB
rgb(116, 200, 185)
HSL
hsl(169, 43%, 62%)
HSB
hsb(169, 42%, 78%)
CMYK
cmyk(42%, 0%, 8%, 22%)
Oklch
oklch(77.5% 0.085 181.2)

Traditional「Jade」· Paint「Lake Green」· Creative Arctic Pool

#FC7145

Peach Pink · Tomato · Coral Red

HEX
#FC7145
RGB
rgb(252, 113, 69)
HSL
hsl(14, 97%, 63%)
HSB
hsb(14, 73%, 99%)
CMYK
cmyk(0%, 55%, 73%, 1%)
Oklch
oklch(71.0% 0.180 37.9)

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

#3EA1AC

Slate Blue · SteelBlue · Mint Ice

HEX
#3EA1AC
RGB
rgb(62, 161, 172)
HSL
hsl(186, 47%, 46%)
HSB
hsb(186, 64%, 67%)
CMYK
cmyk(64%, 6%, 0%, 33%)
Oklch
oklch(65.6% 0.092 205.5)

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

#BCB950

Autumn Sage · GoldenRod · Sunflower

HEX
#BCB950
RGB
rgb(188, 185, 80)
HSL
hsl(58, 45%, 53%)
HSB
hsb(58, 57%, 74%)
CMYK
cmyk(0%, 2%, 57%, 26%)
Oklch
oklch(76.7% 0.127 107.5)

Traditional「Autumn Sage」· Paint「Sunflower」· Creative Blush Sunrise

#CED8BF

Willow Green · LightGray · Apple Green

HEX
#CED8BF
RGB
rgb(206, 216, 191)
HSL
hsl(84, 24%, 80%)
HSB
hsb(84, 12%, 85%)
CMYK
cmyk(5%, 0%, 12%, 15%)
Oklch
oklch(86.8% 0.035 124.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

74C8B9
C87484

Analogous

74C88F
74C8B9
74ADC8

Triadic

74C8B9
B874C8
C8B874

Split-Comp.

74C8B9
C874AD
C88F74

Tetradic

74C8B9
8F74C8
C87484
ADC874

Contrast Matrix WCAG 2.1 Contrast

74C8B9
FC7145
3EA1AC
BCB950
CED8BF
—
1.4
Fail
1.6
Fail
1.1
Fail
1.3
Fail
1.4
Fail
—
1.1
Fail
1.3
Fail
1.9
Fail
1.6
Fail
1.1
Fail
—
1.5
Fail
2.1
Fail
1.1
Fail
1.3
Fail
1.5
Fail
—
1.4
Fail
1.3
Fail
1.9
Fail
2.1
Fail
1.4
Fail
—
White BG
2.0Fail
2.8Fail
3.0AA Large
2.1Fail
1.5Fail
Black BG
10.7AAA
7.6AAA
6.9AA
10.2AAA
14.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

9899BD
C0BF50
696AA9
BBBB69
D2D2C5

Deuteranopia

948DBE
C8D252
635CA9
BBBB70
D2D1C7

Tritanopia

78BFC0
F5585A
43A7A7
BC7D82
CFCACB

Achromatopsia

ADADAD
969696
858585
AEAEAE
D2D2D2

Shades & Tints Shades & Tints

#74C8B9

Dark
Light

#FC7145

Dark
Light

#3EA1AC

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #74c8b9;
  --color-2: #fc7145;
  --color-3: #3ea1ac;
  --color-4: #bcb950;
  --color-5: #ced8bf;
}

SCSS

$color-1: #74c8b9;
$color-2: #fc7145;
$color-3: #3ea1ac;
$color-4: #bcb950;
$color-5: #ced8bf;

TAILWIND

colors: {
  'brand-1': '#74c8b9',
  'brand-2': '#fc7145',
  'brand-3': '#3ea1ac',
  'brand-4': '#bcb950',
  'brand-5': '#ced8bf',
}

RGB Array

[116, 200, 185], [252, 113, 69], [62, 161, 172], [188, 185, 80], [206, 216, 191]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #74C8B9, #FC7145, #3EA1AC, #BCB950, #CED8BF 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: #74c8b9; --color-2: #fc7145; --color-3: #3ea1ac; --color-4: #bcb950; --color-5: #ced8bf. 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