← Back to Editor

#BBF3B2 · #E8E18D · #E6D611 · #F77626 · #F75325

A 5-color palette palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarm

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial App

Color Details Color Details

#BBF3B2

Emerald · LightGray · Mint Green

HEX
#BBF3B2
RGB
rgb(187, 243, 178)
HSL
hsl(112, 73%, 83%)
HSB
hsb(112, 27%, 95%)
CMYK
cmyk(23%, 0%, 27%, 5%)
Oklch
oklch(90.9% 0.104 141.1)

Traditional「Emerald」· Paint「Mint Green」· Creative Mint Breeze

#E8E18D

Fresh Green · Khaki · Sunflower

HEX
#E8E18D
RGB
rgb(232, 225, 141)
HSL
hsl(55, 66%, 73%)
HSB
hsb(55, 39%, 91%)
CMYK
cmyk(0%, 3%, 39%, 9%)
Oklch
oklch(89.7% 0.106 104.2)

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

#E6D611

Autumn Sage · Gold · Honey Gold

HEX
#E6D611
RGB
rgb(230, 214, 17)
HSL
hsl(55, 86%, 48%)
HSB
hsb(55, 93%, 90%)
CMYK
cmyk(0%, 7%, 93%, 10%)
Oklch
oklch(86.2% 0.180 104.0)

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

#F77626

Tangerine · Tomato · Warm Sun

HEX
#F77626
RGB
rgb(247, 118, 38)
HSL
hsl(23, 93%, 56%)
HSB
hsb(23, 85%, 97%)
CMYK
cmyk(0%, 52%, 85%, 3%)
Oklch
oklch(70.7% 0.180 47.3)

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

#F75325

Vermilion · Tomato · Passion Red

HEX
#F75325
RGB
rgb(247, 83, 37)
HSL
hsl(13, 93%, 56%)
HSB
hsb(13, 85%, 97%)
CMYK
cmyk(0%, 66%, 85%, 3%)
Oklch
oklch(66.2% 0.208 35.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

BBF3B2
EBB4F3

Analogous

DCF3B4
BBF3B2
B4F3CB

Triadic

BBF3B2
B4BCF3
F3B4BC

Split-Comp.

BBF3B2
CBB4F3
F3B4DC

Tetradic

BBF3B2
B4DCF3
EBB4F3
F3CBB4

Contrast Matrix WCAG 2.1 Contrast

BBF3B2
E8E18D
E6D611
F77626
F75325
—
1.1
Fail
1.2
Fail
2.2
Fail
2.7
Fail
1.1
Fail
—
1.1
Fail
2.1
Fail
2.5
Fail
1.2
Fail
1.1
Fail
—
1.8
Fail
2.2
Fail
2.2
Fail
2.1
Fail
1.8
Fail
—
1.2
Fail
2.7
Fail
2.5
Fail
2.2
Fail
1.2
Fail
—
White BG
1.3Fail
1.3Fail
1.5Fail
2.8Fail
3.4AA Large
Black BG
16.6AAA
15.6AAA
14.0AAA
7.6AAA
6.2AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

D3D4C2
E5E5A1
DFDF41
BFBE39
B0AF30

Deuteranopia

D0CCC6
E5E6A6
E0E14C
C7D03E
BAC633

Tritanopia

BECED1
E8B1B5
E5666F
F1494C
EF393B

Achromatopsia

DBDBDB
DADADA
C4C4C4
939393
7F7F7F

Shades & Tints Shades & Tints

#BBF3B2

Dark
Light

#E8E18D

Dark
Light

#E6D611

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #bbf3b2;
  --color-2: #e8e18d;
  --color-3: #e6d611;
  --color-4: #f77626;
  --color-5: #f75325;
}

SCSS

$color-1: #bbf3b2;
$color-2: #e8e18d;
$color-3: #e6d611;
$color-4: #f77626;
$color-5: #f75325;

TAILWIND

colors: {
  'brand-1': '#bbf3b2',
  'brand-2': '#e8e18d',
  'brand-3': '#e6d611',
  'brand-4': '#f77626',
  'brand-5': '#f75325',
}

RGB Array

[187, 243, 178], [232, 225, 141], [230, 214, 17], [247, 118, 38], [247, 83, 37]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #BBF3B2, #E8E18D, #E6D611, #F77626, #F75325 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: #bbf3b2; --color-2: #e8e18d; --color-3: #e6d611; --color-4: #f77626; --color-5: #f75325. 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