← Back to Editor

#95BDB5 · #FFB282 · #FFDE4A · #CBFF3B · #61FFE2

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

#95BDB5

Jade · DarkGray · Lake Green

HEX
#95BDB5
RGB
rgb(149, 189, 181)
HSL
hsl(168, 23%, 66%)
HSB
hsb(168, 21%, 74%)
CMYK
cmyk(21%, 0%, 4%, 26%)
Oklch
oklch(76.7% 0.044 181.5)

Traditional「Jade」· Paint「Lake Green」· Creative Arctic Pool

#FFB282

Apricot · LightSalmon · Warm Sun

HEX
#FFB282
RGB
rgb(255, 178, 130)
HSL
hsl(23, 100%, 75%)
HSB
hsb(23, 49%, 100%)
CMYK
cmyk(0%, 30%, 49%, 0%)
Oklch
oklch(82.6% 0.110 52.6)

Traditional「Apricot」· Paint「Warm Sun」· Creative Honey Glow

#FFDE4A

Ginger · SandyBrown · Sunflower

HEX
#FFDE4A
RGB
rgb(255, 222, 74)
HSL
hsl(49, 100%, 65%)
HSB
hsb(49, 71%, 100%)
CMYK
cmyk(0%, 13%, 71%, 0%)
Oklch
oklch(90.3% 0.163 96.2)

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

#CBFF3B

Willow Green · GreenYellow · Apple Green

HEX
#CBFF3B
RGB
rgb(203, 255, 59)
HSL
hsl(76, 100%, 62%)
HSB
hsb(76, 77%, 100%)
CMYK
cmyk(20%, 0%, 77%, 0%)
Oklch
oklch(93.2% 0.215 124.0)

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

#61FFE2

Jade · Turquoise · Lake Green

HEX
#61FFE2
RGB
rgb(97, 255, 226)
HSL
hsl(169, 100%, 69%)
HSB
hsb(169, 62%, 100%)
CMYK
cmyk(62%, 0%, 11%, 0%)
Oklch
oklch(90.9% 0.139 178.6)

Traditional「Jade」· Paint「Lake Green」· Creative Arctic Pool

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

95BDB5
BC949C

Analogous

94BCA0
95BDB5
94B0BC

Triadic

95BDB5
B494BC
BCB494

Split-Comp.

95BDB5
BC94B0
BCA094

Tetradic

95BDB5
A094BC
BC949C
B0BC94

Contrast Matrix WCAG 2.1 Contrast

95BDB5
FFB282
FFDE4A
CBFF3B
61FFE2
—
1.2
Fail
1.5
Fail
1.8
Fail
1.7
Fail
1.2
Fail
—
1.3
Fail
1.5
Fail
1.4
Fail
1.5
Fail
1.3
Fail
—
1.1
Fail
1.1
Fail
1.8
Fail
1.5
Fail
1.1
Fail
—
1.1
Fail
1.7
Fail
1.4
Fail
1.1
Fail
1.1
Fail
—
White BG
2.1Fail
1.8Fail
1.3Fail
1.2Fail
1.2Fail
Black BG
10.2AAA
11.9AAA
15.8AAA
17.9AAA
16.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

A6A7B7
DEDD8E
F1F06E
E2E26A
A5A7E9

Deuteranopia

A4A1B7
E2E890
F3F576
DFDB76
9C90EB

Tritanopia

97B8B9
FB9799
FD8A90
CE9098
69EFF0

Achromatopsia

B0B0B0
C4C4C4
D7D7D7
D9D9D9
CCCCCC

Shades & Tints Shades & Tints

#95BDB5

Dark
Light

#FFB282

Dark
Light

#FFDE4A

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #95bdb5;
  --color-2: #ffb282;
  --color-3: #ffde4a;
  --color-4: #cbff3b;
  --color-5: #61ffe2;
}

SCSS

$color-1: #95bdb5;
$color-2: #ffb282;
$color-3: #ffde4a;
$color-4: #cbff3b;
$color-5: #61ffe2;

TAILWIND

colors: {
  'brand-1': '#95bdb5',
  'brand-2': '#ffb282',
  'brand-3': '#ffde4a',
  'brand-4': '#cbff3b',
  'brand-5': '#61ffe2',
}

RGB Array

[149, 189, 181], [255, 178, 130], [255, 222, 74], [203, 255, 59], [97, 255, 226]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This bright-style palette of #95BDB5, #FFB282, #FFDE4A, #CBFF3B, #61FFE2 is ideal for: social media posters, mobile apps, e-commerce promos, health products, baby brands, fresh-style blogs. 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: #95bdb5; --color-2: #ffb282; --color-3: #ffde4a; --color-4: #cbff3b; --color-5: #61ffe2. 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?

Light tones suit backgrounds; use dark colors for body text. Mid-tones work for card backgrounds or dividers to add depth. 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