← Back to Editor

#FFD65C · #FA921B · #F22439 · #B9D636 · #59B5EB

bright

A 5-color bright 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

#FFD65C

Ginger · SandyBrown · Sunflower

HEX
#FFD65C
RGB
rgb(255, 214, 92)
HSL
hsl(45, 100%, 68%)
HSB
hsb(45, 64%, 100%)
CMYK
cmyk(0%, 16%, 64%, 0%)
Oklch
oklch(88.9% 0.145 90.5)

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

#FA921B

Ginger · Orange · Warm Sun

HEX
#FA921B
RGB
rgb(250, 146, 27)
HSL
hsl(32, 96%, 54%)
HSB
hsb(32, 89%, 98%)
CMYK
cmyk(0%, 42%, 89%, 2%)
Oklch
oklch(75.4% 0.169 61.1)

Traditional「Ginger」· Paint「Warm Sun」· Creative Blush Sunrise

#F22439

Vermilion · Crimson · Passion Red

HEX
#F22439
RGB
rgb(242, 36, 57)
HSL
hsl(354, 89%, 55%)
HSB
hsb(354, 85%, 95%)
CMYK
cmyk(0%, 85%, 76%, 5%)
Oklch
oklch(61.8% 0.234 23.6)

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

#B9D636

Grass Green · GreenYellow · Olive Green

HEX
#B9D636
RGB
rgb(185, 214, 54)
HSL
hsl(71, 66%, 53%)
HSB
hsb(71, 75%, 84%)
CMYK
cmyk(14%, 0%, 75%, 16%)
Oklch
oklch(82.7% 0.179 119.7)

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

#59B5EB

Sky Blue · CornflowerBlue · Cobalt Blue

HEX
#59B5EB
RGB
rgb(89, 181, 235)
HSL
hsl(202, 78%, 64%)
HSB
hsb(202, 62%, 92%)
CMYK
cmyk(62%, 23%, 0%, 8%)
Oklch
oklch(73.9% 0.117 237.1)

Traditional「Sky Blue」· Paint「Cobalt Blue」· Creative Twilight Haze

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FFD65C
5C85FF

Analogous

FF855C
FFD65C
D6FF5C

Triadic

FFD65C
5CFFD6
D65CFF

Split-Comp.

FFD65C
5CD6FF
855CFF

Tetradic

FFD65C
5CFF85
5C85FF
FF5CD6

Contrast Matrix WCAG 2.1 Contrast

FFD65C
FA921B
F22439
B9D636
59B5EB
—
1.6
Fail
3.0
Fail
1.2
Fail
1.6
Fail
1.6
Fail
—
1.8
Fail
1.4
Fail
1.0
Fail
3.0
Fail
1.8
Fail
—
2.5
Fail
1.8
Fail
1.2
Fail
1.4
Fail
2.5
Fail
—
1.4
Fail
1.6
Fail
1.0
Fail
1.8
Fail
1.4
Fail
—
White BG
1.4Fail
2.3Fail
4.1AA Large
1.6Fail
2.3Fail
Black BG
15.0AAA
9.2AAA
5.1AA
12.7AAA
9.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

EDED7A
CDCC38
999734
C6C65D
8182DE

Deuteranopia

F0F381
D3DB3F
A5B433
C4C266
7C75DB

Tritanopia

FD9196
F54F54
E8302F
BA7B82
5ED4D1

Achromatopsia

D4D4D4
A4A4A4
646464
BBBBBB
A0A0A0

Shades & Tints Shades & Tints

#FFD65C

Dark
Light

#FA921B

Dark
Light

#F22439

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ffd65c;
  --color-2: #fa921b;
  --color-3: #f22439;
  --color-4: #b9d636;
  --color-5: #59b5eb;
}

SCSS

$color-1: #ffd65c;
$color-2: #fa921b;
$color-3: #f22439;
$color-4: #b9d636;
$color-5: #59b5eb;

TAILWIND

colors: {
  'brand-1': '#ffd65c',
  'brand-2': '#fa921b',
  'brand-3': '#f22439',
  'brand-4': '#b9d636',
  'brand-5': '#59b5eb',
}

RGB Array

[255, 214, 92], [250, 146, 27], [242, 36, 57], [185, 214, 54], [89, 181, 235]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This bright-style palette of #FFD65C, #FA921B, #F22439, #B9D636, #59B5EB 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: #ffd65c; --color-2: #fa921b; --color-3: #f22439; --color-4: #b9d636; --color-5: #59b5eb. 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 bright-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