← Back to Editor

#CB2F39 · #FF675A · #C2E570 · #73B9AC · #15807D

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarmCool

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial App

Color Details Color Details

#CB2F39

Vermilion · Crimson · Passion Red

HEX
#CB2F39
RGB
rgb(203, 47, 57)
HSL
hsl(356, 62%, 49%)
HSB
hsb(356, 77%, 80%)
CMYK
cmyk(0%, 77%, 72%, 20%)
Oklch
oklch(55.5% 0.192 23.1)

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

#FF675A

Peach Pink · Tomato · Coral Red

HEX
#FF675A
RGB
rgb(255, 103, 90)
HSL
hsl(5, 100%, 68%)
HSB
hsb(5, 65%, 100%)
CMYK
cmyk(0%, 60%, 65%, 0%)
Oklch
oklch(70.4% 0.188 27.8)

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

#C2E570

Willow Green · Khaki · Apple Green

HEX
#C2E570
RGB
rgb(194, 229, 112)
HSL
hsl(78, 69%, 67%)
HSB
hsb(78, 51%, 90%)
CMYK
cmyk(15%, 0%, 51%, 10%)
Oklch
oklch(87.2% 0.149 123.3)

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

#73B9AC

Mineral Blue · MediumAquaMarine · Lake Green

HEX
#73B9AC
RGB
rgb(115, 185, 172)
HSL
hsl(169, 33%, 59%)
HSB
hsb(169, 38%, 73%)
CMYK
cmyk(38%, 0%, 7%, 27%)
Oklch
oklch(73.6% 0.074 181.1)

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

#15807D

Mineral Blue · Teal · Mint Ice

HEX
#15807D
RGB
rgb(21, 128, 125)
HSL
hsl(178, 72%, 29%)
HSB
hsb(178, 84%, 50%)
CMYK
cmyk(84%, 0%, 2%, 50%)
Oklch
oklch(54.4% 0.089 191.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

CB2F39
2FCAC0

Analogous

CA2F87
CB2F39
CA732F

Triadic

CB2F39
3ACA2F
2F3ACA

Split-Comp.

CB2F39
2FCA73
2F87CA

Tetradic

CB2F39
87CA2F
2FCAC0
732FCA

Contrast Matrix WCAG 2.1 Contrast

CB2F39
FF675A
C2E570
73B9AC
15807D
—
1.8
Fail
3.7
AA Large
2.3
Fail
1.1
Fail
1.8
Fail
—
2.0
Fail
1.3
Fail
1.7
Fail
3.7
AA Large
2.0
Fail
—
1.6
Fail
3.3
AA Large
2.3
Fail
1.3
Fail
1.6
Fail
—
2.1
Fail
1.1
Fail
1.7
Fail
3.3
AA Large
2.1
Fail
—
White BG
5.2AA
2.9Fail
1.4Fail
2.3Fail
4.8AA
Black BG
4.0AA Large
7.3AAA
14.7AAA
9.3AAA
4.4AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

878637
BDBC5D
D1D18C
9192AF
43447E

Deuteranopia

919C36
C6D15E
CFCD93
8D88B0
3D357E

Tritanopia

C33534
F76060
C4A3A8
77B2B2
1A7E7E

Achromatopsia

5F5F5F
939393
CDCDCD
A3A3A3
606060

Shades & Tints Shades & Tints

#CB2F39

Dark
Light

#FF675A

Dark
Light

#C2E570

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #cb2f39;
  --color-2: #ff675a;
  --color-3: #c2e570;
  --color-4: #73b9ac;
  --color-5: #15807d;
}

SCSS

$color-1: #cb2f39;
$color-2: #ff675a;
$color-3: #c2e570;
$color-4: #73b9ac;
$color-5: #15807d;

TAILWIND

colors: {
  'brand-1': '#cb2f39',
  'brand-2': '#ff675a',
  'brand-3': '#c2e570',
  'brand-4': '#73b9ac',
  'brand-5': '#15807d',
}

RGB Array

[203, 47, 57], [255, 103, 90], [194, 229, 112], [115, 185, 172], [21, 128, 125]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #CB2F39, #FF675A, #C2E570, #73B9AC, #15807D is ideal for: social media posters, mobile apps, e-commerce promos. Vivid colors effectively attract user attention. It is a vibrant and energetic choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #cb2f39; --color-2: #ff675a; --color-3: #c2e570; --color-4: #73b9ac; --color-5: #15807d. 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 food & dining, entertainment, kids education, social industries. Bold colors convey vitality and innovation. 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