#FB2459 + #CC695A + #9DAE5C + #8EB06B + #62B89B - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#FB2459

Vermilion · Crimson · Passion Red

HEX

#FB2459

RGB

rgb(251, 36, 89)

HSL

hsl(345, 96%, 56%)

HSB

hsb(345, 86%, 98%)

CMYK

cmyk(0%, 86%, 65%, 2%)

Oklch

oklch(63.9% 0.240 15.5)

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

#CC695A

Crimson · Tomato · Passion Red

HEX

#CC695A

RGB

rgb(204, 105, 90)

HSL

hsl(8, 53%, 58%)

HSB

hsb(8, 56%, 80%)

CMYK

cmyk(0%, 49%, 56%, 20%)

Oklch

oklch(63.3% 0.128 30.0)

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

#9DAE5C

Grass Green · DarkSeaGreen · Olive Green

HEX

#9DAE5C

RGB

rgb(157, 174, 92)

HSL

hsl(72, 34%, 52%)

HSB

hsb(72, 47%, 68%)

CMYK

cmyk(10%, 0%, 47%, 32%)

Oklch

oklch(71.9% 0.109 118.9)

Traditional「Grass Green」· Paint「Olive Green」· Creative Blush Sunrise

#8EB06B

Celadon · DarkSeaGreen · Olive Green

HEX

#8EB06B

RGB

rgb(142, 176, 107)

HSL

hsl(90, 30%, 55%)

HSB

hsb(90, 39%, 69%)

CMYK

cmyk(19%, 0%, 39%, 31%)

Oklch

oklch(71.5% 0.102 130.0)

Traditional「Celadon」· Paint「Olive Green」· Creative Blush Sunrise

#62B89B

Mineral Blue · MediumAquaMarine · Lake Green

HEX

#62B89B

RGB

rgb(98, 184, 155)

HSL

hsl(160, 38%, 55%)

HSB

hsb(160, 47%, 72%)

CMYK

cmyk(47%, 0%, 16%, 28%)

Oklch

oklch(72.0% 0.095 169.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FB2459

23FBC5

Analogous

FB23C5

FB2459

FB5923

Triadic

FB2459

59FB23

2359FB

Split-Comp.

FB2459

23FB59

23C5FB

Tetradic

FB2459

C5FB23

23FBC5

5923FB

Contrast Matrix WCAG 2.1 Contrast

FB2459	CC695A	9DAE5C	8EB06B	62B89B
—	1.0 Fail	1.6 Fail	1.6 Fail	1.6 Fail
1.0 Fail	—	1.5 Fail	1.5 Fail	1.5 Fail
1.6 Fail	1.5 Fail	—	1.0 Fail	1.0 Fail
1.6 Fail	1.5 Fail	1.0 Fail	—	1.0 Fail
1.6 Fail	1.5 Fail	1.0 Fail	1.0 Fail	—

White BG

3.8AA Large

3.7AA Large

2.4Fail

Black BG

5.5AA

5.7AA

8.6AAA

8.8AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

9E9C4C

A1A05E

A4A570

9D9D7C

8788A2

Deuteranopia

AABB49

A7AE5F

A3A275

9B9880

827CA4

Tritanopia

F04240

C76061

9E8083

90898C

66A8A9

Achromatopsia

6A6A6A

858585

A0A0A0

9E9E9E

9B9B9B

Shades & Tints Shades & Tints

#FB2459

Dark

Light

#CC695A

Dark

Light

#9DAE5C

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fb2459;
  --color-2: #cc695a;
  --color-3: #9dae5c;
  --color-4: #8eb06b;
  --color-5: #62b89b;
}

SCSS

$color-1: #fb2459;
$color-2: #cc695a;
$color-3: #9dae5c;
$color-4: #8eb06b;
$color-5: #62b89b;

TAILWIND

colors: {
  'brand-1': '#fb2459',
  'brand-2': '#cc695a',
  'brand-3': '#9dae5c',
  'brand-4': '#8eb06b',
  'brand-5': '#62b89b',
}

RGB Array

[251, 36, 89], [204, 105, 90], [157, 174, 92], [142, 176, 107], [98, 184, 155]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FB2459, #CC695A, #9DAE5C, #8EB06B, #62B89B 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: #fb2459; --color-2: #cc695a; --color-3: #9dae5c; --color-4: #8eb06b; --color-5: #62b89b. 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