← Back to Editor

#CBDCEE · #CEFF9D · #E6FC51 · #FBDD25 · #FFB830

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

#CBDCEE

Azure · LightGray · Sky Blue

HEX
#CBDCEE
RGB
rgb(203, 220, 238)
HSL
hsl(211, 51%, 86%)
HSB
hsb(211, 15%, 93%)
CMYK
cmyk(15%, 8%, 0%, 7%)
Oklch
oklch(88.7% 0.031 249.7)

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

#CEFF9D

Emerald · Khaki · Mint Green

HEX
#CEFF9D
RGB
rgb(206, 255, 157)
HSL
hsl(90, 100%, 81%)
HSB
hsb(90, 38%, 100%)
CMYK
cmyk(19%, 0%, 38%, 0%)
Oklch
oklch(94.4% 0.135 130.3)

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

#E6FC51

Fresh Green · Khaki · Sunflower

HEX
#E6FC51
RGB
rgb(230, 252, 81)
HSL
hsl(68, 97%, 65%)
HSB
hsb(68, 68%, 99%)
CMYK
cmyk(9%, 0%, 68%, 1%)
Oklch
oklch(94.5% 0.189 116.5)

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

#FBDD25

Autumn Sage · Gold · Sunflower

HEX
#FBDD25
RGB
rgb(251, 221, 37)
HSL
hsl(52, 96%, 56%)
HSB
hsb(52, 85%, 98%)
CMYK
cmyk(0%, 12%, 85%, 2%)
Oklch
oklch(89.6% 0.179 98.8)

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

#FFB830

Ginger · GoldenRod · Warm Sun

HEX
#FFB830
RGB
rgb(255, 184, 48)
HSL
hsl(39, 100%, 59%)
HSB
hsb(39, 81%, 100%)
CMYK
cmyk(0%, 28%, 81%, 0%)
Oklch
oklch(82.8% 0.160 78.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

CBDCEE
EEDCC9

Analogous

C9EDEE
CBDCEE
CAC9EE

Triadic

CBDCEE
EEC9DB
DBEEC9

Split-Comp.

CBDCEE
EECAC9
EDEEC9

Tetradic

CBDCEE
EEC9ED
EEDCC9
C9EECA

Contrast Matrix WCAG 2.1 Contrast

CBDCEE
CEFF9D
E6FC51
FBDD25
FFB830
—
1.2
Fail
1.2
Fail
1.0
Fail
1.2
Fail
1.2
Fail
—
1.0
Fail
1.2
Fail
1.5
Fail
1.2
Fail
1.0
Fail
—
1.2
Fail
1.5
Fail
1.0
Fail
1.2
Fail
1.2
Fail
—
1.3
Fail
1.2
Fail
1.5
Fail
1.5
Fail
1.3
Fail
—
White BG
1.4Fail
1.1Fail
1.1Fail
1.4Fail
1.7Fail
Black BG
15.0AAA
18.4AAA
18.4AAA
15.5AAA
12.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

D2D3EA
E3E4B5
F0F07A
EEEE52
E0E051

Deuteranopia

D1D0E9
E0DDBA
EEED84
F0F25C
E4EA59

Tritanopia

CCE6E5
D0C7CC
E79BA2
FA757C
FB6B71

Achromatopsia

D9D9D9
E5E5E5
E2E2E2
D1D1D1
BEBEBE

Shades & Tints Shades & Tints

#CBDCEE

Dark
Light

#CEFF9D

Dark
Light

#E6FC51

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #cbdcee;
  --color-2: #ceff9d;
  --color-3: #e6fc51;
  --color-4: #fbdd25;
  --color-5: #ffb830;
}

SCSS

$color-1: #cbdcee;
$color-2: #ceff9d;
$color-3: #e6fc51;
$color-4: #fbdd25;
$color-5: #ffb830;

TAILWIND

colors: {
  'brand-1': '#cbdcee',
  'brand-2': '#ceff9d',
  'brand-3': '#e6fc51',
  'brand-4': '#fbdd25',
  'brand-5': '#ffb830',
}

RGB Array

[203, 220, 238], [206, 255, 157], [230, 252, 81], [251, 221, 37], [255, 184, 48]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This bright-style palette of #CBDCEE, #CEFF9D, #E6FC51, #FBDD25, #FFB830 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: #cbdcee; --color-2: #ceff9d; --color-3: #e6fc51; --color-4: #fbdd25; --color-5: #ffb830. 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