#F26161 + #C95757 + #595149 + #B0C26B + #DBF76A · neon - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

FuturisticEnergeticRebelliousWarm

Industry INDUSTRY

GamingWeb3 / CryptoDeep Tech

UI Context UI CONTEXT

Dark Mode UIDashboardCampaign Page

Color Details Color Details

#F26161

Peach Pink · Tomato · Coral Red

HEX

#F26161

RGB

rgb(242, 97, 97)

HSL

hsl(0, 85%, 66%)

HSB

hsb(0, 60%, 95%)

CMYK

cmyk(0%, 60%, 60%, 5%)

Oklch

oklch(67.8% 0.179 23.1)

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

#C95757

Crimson · Tomato · Passion Red

HEX

#C95757

RGB

rgb(201, 87, 87)

HSL

hsl(0, 51%, 56%)

HSB

hsb(0, 57%, 79%)

CMYK

cmyk(0%, 57%, 57%, 21%)

Oklch

oklch(60.2% 0.146 22.5)

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

#595149

Ochre · DarkOliveGreen · Amber Brown

HEX

#595149

RGB

rgb(89, 81, 73)

HSL

hsl(30, 10%, 32%)

HSB

hsb(30, 18%, 35%)

CMYK

cmyk(0%, 9%, 18%, 65%)

Oklch

oklch(44.0% 0.017 67.4)

Traditional「Ochre」· Paint「Amber Brown」· Creative Blush Sunrise

#B0C26B

Grass Green · DarkSeaGreen · Olive Green

HEX

#B0C26B

RGB

rgb(176, 194, 107)

HSL

hsl(72, 42%, 59%)

HSB

hsb(72, 45%, 76%)

CMYK

cmyk(9%, 0%, 45%, 24%)

Oklch

oklch(78.1% 0.114 118.7)

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

#DBF76A

Willow Green · Khaki · Apple Green

HEX

#DBF76A

RGB

rgb(219, 247, 106)

HSL

hsl(72, 90%, 69%)

HSB

hsb(72, 57%, 97%)

CMYK

cmyk(11%, 0%, 57%, 3%)

Oklch

oklch(92.9% 0.168 119.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F26161

5FF2F2

Analogous

F25FA8

F26161

F2A85F

Triadic

F26161

5FF25F

5F5FF2

Split-Comp.

F26161

5FF2A8

5FA8F2

Tetradic

F26161

A8F25F

5FF2F2

A85FF2

Contrast Matrix WCAG 2.1 Contrast

F26161	C95757	595149	B0C26B	DBF76A
—	1.3 Fail	2.5 Fail	1.6 Fail	2.6 Fail
1.3 Fail	—	1.8 Fail	2.2 Fail	3.5 AA Large
2.5 Fail	1.8 Fail	—	4.0 AA Large	6.5 AA
1.6 Fail	2.2 Fail	4.0 AA Large	—	1.6 Fail
2.6 Fail	3.5 AA Large	6.5 AA	1.6 Fail	—

White BG

3.2AA Large

4.2AA Large

7.8AAA

1.9Fail

1.2Fail

Black BG

6.7AA

5.0AA

2.7Fail

10.8AAA

17.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

B3B261

989757

56554B

B8B880

E7E78C

Deuteranopia

BCC661

9EA757

56574B

B7B585

E6E394

Tritanopia

EB6161

C35757

594C4D

B19194

DCA7AD

Achromatopsia

8C8C8C

797979

525252

B3B3B3

DFDFDF

Shades & Tints Shades & Tints

#F26161

Dark

Light

#C95757

Dark

Light

#595149

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f26161;
  --color-2: #c95757;
  --color-3: #595149;
  --color-4: #b0c26b;
  --color-5: #dbf76a;
}

SCSS

$color-1: #f26161;
$color-2: #c95757;
$color-3: #595149;
$color-4: #b0c26b;
$color-5: #dbf76a;

TAILWIND

colors: {
  'brand-1': '#f26161',
  'brand-2': '#c95757',
  'brand-3': '#595149',
  'brand-4': '#b0c26b',
  'brand-5': '#dbf76a',
}

RGB Array

[242, 97, 97], [201, 87, 87], [89, 81, 73], [176, 194, 107], [219, 247, 106]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This neon-style palette of #F26161, #C95757, #595149, #B0C26B, #DBF76A 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: #f26161; --color-2: #c95757; --color-3: #595149; --color-4: #b0c26b; --color-5: #dbf76a. 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 neon-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