← Back to Editor

#FDFDF0 · #F51F67 · #423C42 · #73C5AE · #DEEF43

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 LibraryData Visualization

Color Details Color Details

#FDFDF0

Fresh Green · SeaShell · Lemon Cream

HEX
#FDFDF0
RGB
rgb(253, 253, 240)
HSL
hsl(60, 76%, 97%)
HSB
hsb(60, 5%, 99%)
CMYK
cmyk(0%, 0%, 5%, 1%)
Oklch
oklch(99.1% 0.017 106.7)

Traditional「Fresh Green」· Paint「Lemon Cream」· Creative Lemon Fizz

#F51F67

Dark Violet · DeepPink · Rose Pink

HEX
#F51F67
RGB
rgb(245, 31, 103)
HSL
hsl(340, 91%, 54%)
HSB
hsb(340, 87%, 96%)
CMYK
cmyk(0%, 87%, 58%, 4%)
Oklch
oklch(62.9% 0.239 10.0)

Traditional「Dark Violet」· Paint「Rose Pink」· Creative Blush Sunrise

#423C42

Dark Cyan · DarkSlateGray · Dark Stone

HEX
#423C42
RGB
rgb(66, 60, 66)
HSL
hsl(300, 5%, 25%)
HSB
hsb(300, 9%, 26%)
CMYK
cmyk(0%, 9%, 0%, 74%)
Oklch
oklch(36.4% 0.013 325.8)

Traditional「Dark Cyan」· Paint「Dark Stone」· Creative Midnight Shadow

#73C5AE

Jade · MediumAquaMarine · Lake Green

HEX
#73C5AE
RGB
rgb(115, 197, 174)
HSL
hsl(163, 41%, 61%)
HSB
hsb(163, 42%, 77%)
CMYK
cmyk(42%, 0%, 12%, 23%)
Oklch
oklch(76.4% 0.088 173.9)

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

#DEEF43

Autumn Sage · GreenYellow · Sunflower

HEX
#DEEF43
RGB
rgb(222, 239, 67)
HSL
hsl(66, 84%, 60%)
HSB
hsb(66, 72%, 94%)
CMYK
cmyk(7%, 0%, 72%, 6%)
Oklch
oklch(91.0% 0.186 115.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FDFDF0
F2F2FD

Analogous

FDF7F2
FDFDF0
F7FDF2

Triadic

FDFDF0
F2FDFD
FDF2FD

Split-Comp.

FDFDF0
F2F7FD
F7F2FD

Tetradic

FDFDF0
F2FDF7
F2F2FD
FDF2F7

Contrast Matrix WCAG 2.1 Contrast

FDFDF0
F51F67
423C42
73C5AE
DEEF43
—
3.9
AA Large
10.5
AAA
2.0
Fail
1.2
Fail
3.9
AA Large
—
2.7
Fail
2.0
Fail
3.1
AA Large
10.5
AAA
2.7
Fail
—
5.3
AA
8.4
AAA
2.0
Fail
2.0
Fail
5.3
AA
—
1.6
Fail
1.2
Fail
3.1
AA Large
8.4
AAA
1.6
Fail
—
White BG
1.0Fail
4.0AA Large
10.7AAA
2.0Fail
1.3Fail
Black BG
20.5AAA
5.3AA
2.0Fail
10.3AAA
16.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

FDFDF3
989656
3F3F41
9797B4
E5E66D

Deuteranopia

FDFDF4
A5B551
404040
928CB5
E4E377

Tritanopia

FDF6F6
EA4845
423F3F
77B8B9
DF8D95

Achromatopsia

FCFCFC
676767
3E3E3E
AAAAAA
D6D6D6

Shades & Tints Shades & Tints

#FDFDF0

Dark
Light

#F51F67

Dark
Light

#423C42

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fdfdf0;
  --color-2: #f51f67;
  --color-3: #423c42;
  --color-4: #73c5ae;
  --color-5: #deef43;
}

SCSS

$color-1: #fdfdf0;
$color-2: #f51f67;
$color-3: #423c42;
$color-4: #73c5ae;
$color-5: #deef43;

TAILWIND

colors: {
  'brand-1': '#fdfdf0',
  'brand-2': '#f51f67',
  'brand-3': '#423c42',
  'brand-4': '#73c5ae',
  'brand-5': '#deef43',
}

RGB Array

[253, 253, 240], [245, 31, 103], [66, 60, 66], [115, 197, 174], [222, 239, 67]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FDFDF0, #F51F67, #423C42, #73C5AE, #DEEF43 is ideal for: infographics, data visualization, accessible design. High contrast ensures clear visual hierarchy and readability. 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: #fdfdf0; --color-2: #f51f67; --color-3: #423c42; --color-4: #73c5ae; --color-5: #deef43. 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. High-contrast palettes naturally meet WCAG accessibility standards. 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