← Back to Editor

#438BDF · #A39B76 · #E8BE5C · #FFD800 · #F4FF00

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

#438BDF

Azure · CornflowerBlue · Navy Blue

HEX
#438BDF
RGB
rgb(67, 139, 223)
HSL
hsl(212, 71%, 57%)
HSB
hsb(212, 70%, 87%)
CMYK
cmyk(70%, 38%, 0%, 13%)
Oklch
oklch(63.1% 0.146 254.0)

Traditional「Azure」· Paint「Navy Blue」· Creative Blush Sunrise

#A39B76

Ginger · Gray · Sunflower

HEX
#A39B76
RGB
rgb(163, 155, 118)
HSL
hsl(49, 20%, 55%)
HSB
hsb(49, 28%, 64%)
CMYK
cmyk(0%, 5%, 28%, 36%)
Oklch
oklch(68.7% 0.052 97.3)

Traditional「Ginger」· Paint「Sunflower」· Creative Blush Sunrise

#E8BE5C

Ginger · SandyBrown · Sunflower

HEX
#E8BE5C
RGB
rgb(232, 190, 92)
HSL
hsl(42, 75%, 64%)
HSB
hsb(42, 60%, 91%)
CMYK
cmyk(0%, 18%, 60%, 9%)
Oklch
oklch(82.0% 0.126 86.1)

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

#FFD800

Autumn Sage · Gold · Honey Gold

HEX
#FFD800
RGB
rgb(255, 216, 0)
HSL
hsl(51, 100%, 50%)
HSB
hsb(51, 100%, 100%)
CMYK
cmyk(0%, 15%, 100%, 0%)
Oklch
oklch(88.9% 0.183 95.8)

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

#F4FF00

Autumn Sage · Yellow · Honey Gold

HEX
#F4FF00
RGB
rgb(244, 255, 0)
HSL
hsl(63, 100%, 50%)
HSB
hsb(63, 100%, 100%)
CMYK
cmyk(4%, 0%, 100%, 0%)
Oklch
oklch(95.9% 0.214 112.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

438BDF
DF9743

Analogous

43DADF
438BDF
4943DF

Triadic

438BDF
DF438C
8CDF43

Split-Comp.

438BDF
DF4943
DADF43

Tetradic

438BDF
DF43DA
DF9743
43DF49

Contrast Matrix WCAG 2.1 Contrast

438BDF
A39B76
E8BE5C
FFD800
F4FF00
—
1.3
Fail
2.0
Fail
2.5
Fail
3.2
AA Large
1.3
Fail
—
1.6
Fail
2.0
Fail
2.6
Fail
2.0
Fail
1.6
Fail
—
1.3
Fail
1.6
Fail
2.5
Fail
2.0
Fail
1.3
Fail
—
1.3
Fail
3.2
AA Large
2.6
Fail
1.6
Fail
1.3
Fail
—
White BG
3.5AA Large
2.8Fail
1.8Fail
1.4Fail
1.1Fail
Black BG
6.0AA
7.5AAA
12.0AAA
15.1AAA
19.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

6263CB
A09F7F
D6D574
EEEE34
F9F93E

Deuteranopia

5E59C6
A0A181
D8DB79
F0F341
F8F74D

Tritanopia

47BBB7
A38688
E6868B
FD5E67
F56E79

Achromatopsia

7F7F7F
999999
BFBFBF
CBCBCB
DFDFDF

Shades & Tints Shades & Tints

#438BDF

Dark
Light

#A39B76

Dark
Light

#E8BE5C

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #438bdf;
  --color-2: #a39b76;
  --color-3: #e8be5c;
  --color-4: #ffd800;
  --color-5: #f4ff00;
}

SCSS

$color-1: #438bdf;
$color-2: #a39b76;
$color-3: #e8be5c;
$color-4: #ffd800;
$color-5: #f4ff00;

TAILWIND

colors: {
  'brand-1': '#438bdf',
  'brand-2': '#a39b76',
  'brand-3': '#e8be5c',
  'brand-4': '#ffd800',
  'brand-5': '#f4ff00',
}

RGB Array

[67, 139, 223], [163, 155, 118], [232, 190, 92], [255, 216, 0], [244, 255, 0]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #438BDF, #A39B76, #E8BE5C, #FFD800, #F4FF00 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: #438bdf; --color-2: #a39b76; --color-3: #e8be5c; --color-4: #ffd800; --color-5: #f4ff00. 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