← Back to Editor

#DBB76B · #46B2B7 · #F123EE · #89CB79 · #EDDC27

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

#DBB76B

Ginger · BurlyWood · Sunflower

HEX
#DBB76B
RGB
rgb(219, 183, 107)
HSL
hsl(41, 61%, 64%)
HSB
hsb(41, 51%, 86%)
CMYK
cmyk(0%, 16%, 51%, 14%)
Oklch
oklch(79.5% 0.104 84.7)

Traditional「Ginger」· Paint「Sunflower」· Creative Lemon Fizz

#46B2B7

Slate Blue · MediumTurquoise · Mint Ice

HEX
#46B2B7
RGB
rgb(70, 178, 183)
HSL
hsl(183, 45%, 50%)
HSB
hsb(183, 62%, 72%)
CMYK
cmyk(62%, 3%, 0%, 28%)
Oklch
oklch(70.4% 0.097 199.5)

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

#F123EE

Rose Purple · Magenta · Violet

HEX
#F123EE
RGB
rgb(241, 35, 238)
HSL
hsl(301, 88%, 54%)
HSB
hsb(301, 85%, 95%)
CMYK
cmyk(0%, 85%, 1%, 5%)
Oklch
oklch(67.9% 0.296 329.0)

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

#89CB79

Celadon · DarkSeaGreen · Apple Green

HEX
#89CB79
RGB
rgb(137, 203, 121)
HSL
hsl(108, 44%, 64%)
HSB
hsb(108, 40%, 80%)
CMYK
cmyk(33%, 0%, 40%, 20%)
Oklch
oklch(77.8% 0.131 139.6)

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

#EDDC27

Autumn Sage · Gold · Sunflower

HEX
#EDDC27
RGB
rgb(237, 220, 39)
HSL
hsl(55, 85%, 54%)
HSB
hsb(55, 84%, 93%)
CMYK
cmyk(0%, 7%, 84%, 7%)
Oklch
oklch(88.1% 0.178 103.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

DBB76B
6B8FDB

Analogous

DB806B
DBB76B
C7DB6B

Triadic

DBB76B
6BDBB8
B86BDB

Split-Comp.

DBB76B
6BC7DB
806BDB

Tetradic

DBB76B
6BDB80
6B8FDB
DB6BC7

Contrast Matrix WCAG 2.1 Contrast

DBB76B
46B2B7
F123EE
89CB79
EDDC27
—
1.3
Fail
1.8
Fail
1.0
Fail
1.4
Fail
1.3
Fail
—
1.3
Fail
1.3
Fail
1.8
Fail
1.8
Fail
1.3
Fail
—
1.8
Fail
2.4
Fail
1.0
Fail
1.3
Fail
1.8
Fail
—
1.4
Fail
1.4
Fail
1.8
Fail
2.4
Fail
1.4
Fail
—
White BG
1.9Fail
2.5Fail
3.4AA Large
1.9Fail
1.4Fail
Black BG
11.0AAA
8.3AAA
6.2AA
10.9AAA
14.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

CBCB7D
7576B6
9896BD
A6A68D
E6E553

Deuteranopia

CED082
6F66B6
A4B3B1
A29D92
E7E85D

Tritanopia

D98C8F
4BB5B5
E7968E
8C9DA0
EC757D

Achromatopsia

B9B9B9
929292
787878
AEAEAE
CCCCCC

Shades & Tints Shades & Tints

#DBB76B

Dark
Light

#46B2B7

Dark
Light

#F123EE

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #dbb76b;
  --color-2: #46b2b7;
  --color-3: #f123ee;
  --color-4: #89cb79;
  --color-5: #eddc27;
}

SCSS

$color-1: #dbb76b;
$color-2: #46b2b7;
$color-3: #f123ee;
$color-4: #89cb79;
$color-5: #eddc27;

TAILWIND

colors: {
  'brand-1': '#dbb76b',
  'brand-2': '#46b2b7',
  'brand-3': '#f123ee',
  'brand-4': '#89cb79',
  'brand-5': '#eddc27',
}

RGB Array

[219, 183, 107], [70, 178, 183], [241, 35, 238], [137, 203, 121], [237, 220, 39]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #DBB76B, #46B2B7, #F123EE, #89CB79, #EDDC27 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: #dbb76b; --color-2: #46b2b7; --color-3: #f123ee; --color-4: #89cb79; --color-5: #eddc27. 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