← Back to Editor

#00FFB3 · #DFDA21 · #FF00AE · #D4D9B6 · #7D350A

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

Color Details Color Details

#00FFB3

Mineral Blue · MediumSpringGreen · Mint Ice

HEX
#00FFB3
RGB
rgb(0, 255, 179)
HSL
hsl(162, 100%, 50%)
HSB
hsb(162, 100%, 100%)
CMYK
cmyk(100%, 0%, 30%, 0%)
Oklch
oklch(88.4% 0.192 162.7)

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

#DFDA21

Autumn Sage · Gold · Honey Gold

HEX
#DFDA21
RGB
rgb(223, 218, 33)
HSL
hsl(58, 75%, 50%)
HSB
hsb(58, 85%, 87%)
CMYK
cmyk(0%, 2%, 85%, 13%)
Oklch
oklch(86.5% 0.180 107.9)

Traditional「Autumn Sage」· Paint「Honey Gold」· Creative Blush Sunrise

#FF00AE

Rose Purple · DeepPink · Violet

HEX
#FF00AE
RGB
rgb(255, 0, 174)
HSL
hsl(319, 100%, 50%)
HSB
hsb(319, 100%, 100%)
CMYK
cmyk(0%, 100%, 32%, 0%)
Oklch
oklch(66.1% 0.277 348.6)

Traditional「Rose Purple」· Paint「Violet」· Creative Blush Sunrise

#D4D9B6

Fresh Green · LightGray · Lemon Cream

HEX
#D4D9B6
RGB
rgb(212, 217, 182)
HSL
hsl(69, 32%, 78%)
HSB
hsb(69, 16%, 85%)
CMYK
cmyk(2%, 0%, 16%, 15%)
Oklch
oklch(87.2% 0.047 114.0)

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

#7D350A

Tangerine · Brown · Amber Brown

HEX
#7D350A
RGB
rgb(125, 53, 10)
HSL
hsl(22, 85%, 26%)
HSB
hsb(22, 92%, 49%)
CMYK
cmyk(0%, 58%, 92%, 51%)
Oklch
oklch(42.2% 0.112 45.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

00FFB3
FF004C

Analogous

00FF33
00FFB3
00CCFF

Triadic

00FFB3
B300FF
FFB300

Split-Comp.

00FFB3
FF00CC
FF3300

Tetradic

00FFB3
3300FF
FF004C
CCFF00

Contrast Matrix WCAG 2.1 Contrast

00FFB3
DFDA21
FF00AE
D4D9B6
7D350A
—
1.1
Fail
2.7
Fail
1.1
Fail
6.7
AA
1.1
Fail
—
2.4
Fail
1.0
Fail
5.9
AA
2.7
Fail
2.4
Fail
—
2.5
Fail
2.5
Fail
1.1
Fail
1.0
Fail
2.5
Fail
—
6.0
AA
6.7
AA
5.9
AA
2.5
Fail
6.0
AA
—
White BG
1.3Fail
1.5Fail
3.6AA Large
1.5Fail
8.8AAA
Black BG
16.0AAA
14.2AAA
5.9AA
14.4AAA
2.4Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

6E71C5
DDDD4E
918E84
D6D6BE
5E5D14

Deuteranopia

604DCA
DDDE58
9FB37A
D6D5C1
626717

Tritanopia

0DD4D7
DF7179
F2635B
D4C5C7
791D1E

Achromatopsia

AAAAAA
C6C6C6
606060
D4D4D4
464646

Shades & Tints Shades & Tints

#00FFB3

Dark
Light

#DFDA21

Dark
Light

#FF00AE

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #00ffb3;
  --color-2: #dfda21;
  --color-3: #ff00ae;
  --color-4: #d4d9b6;
  --color-5: #7d350a;
}

SCSS

$color-1: #00ffb3;
$color-2: #dfda21;
$color-3: #ff00ae;
$color-4: #d4d9b6;
$color-5: #7d350a;

TAILWIND

colors: {
  'brand-1': '#00ffb3',
  'brand-2': '#dfda21',
  'brand-3': '#ff00ae',
  'brand-4': '#d4d9b6',
  'brand-5': '#7d350a',
}

RGB Array

[0, 255, 179], [223, 218, 33], [255, 0, 174], [212, 217, 182], [125, 53, 10]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #00FFB3, #DFDA21, #FF00AE, #D4D9B6, #7D350A is ideal for: social media posters, mobile apps, e-commerce promos, infographics, data visualization, accessible design. Vivid colors effectively attract user attention. High contrast ensures clear visual hierarchy and readability. 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: #00ffb3; --color-2: #dfda21; --color-3: #ff00ae; --color-4: #d4d9b6; --color-5: #7d350a. 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 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