← Back to Editor

#58B6CF · #BFE5FF · #BDDB88 · #E9F16B · #FAFF6D

bright

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicCool

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial App

Color Details Color Details

#58B6CF

Lake Blue · MediumTurquoise · Lake Green

HEX
#58B6CF
RGB
rgb(88, 182, 207)
HSL
hsl(193, 55%, 58%)
HSB
hsb(193, 57%, 81%)
CMYK
cmyk(57%, 12%, 0%, 19%)
Oklch
oklch(72.9% 0.096 217.7)

Traditional「Lake Blue」· Paint「Lake Green」· Creative Blush Sunrise

#BFE5FF

Sky Blue · LightBlue · Sky Blue

HEX
#BFE5FF
RGB
rgb(191, 229, 255)
HSL
hsl(204, 100%, 87%)
HSB
hsb(204, 25%, 100%)
CMYK
cmyk(25%, 10%, 0%, 0%)
Oklch
oklch(90.3% 0.053 238.1)

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

#BDDB88

Willow Green · Tan · Apple Green

HEX
#BDDB88
RGB
rgb(189, 219, 136)
HSL
hsl(82, 54%, 70%)
HSB
hsb(82, 38%, 86%)
CMYK
cmyk(14%, 0%, 38%, 14%)
Oklch
oklch(85.0% 0.113 124.9)

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

#E9F16B

Fresh Green · Khaki · Sunflower

HEX
#E9F16B
RGB
rgb(233, 241, 107)
HSL
hsl(64, 83%, 68%)
HSB
hsb(64, 56%, 95%)
CMYK
cmyk(3%, 0%, 56%, 5%)
Oklch
oklch(92.6% 0.157 112.2)

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

#FAFF6D

Fresh Green · Khaki · Sunflower

HEX
#FAFF6D
RGB
rgb(250, 255, 109)
HSL
hsl(62, 100%, 71%)
HSB
hsb(62, 57%, 100%)
CMYK
cmyk(2%, 0%, 57%, 0%)
Oklch
oklch(96.9% 0.167 111.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

58B6CF
CF7359

Analogous

59CFAD
58B6CF
597ACF

Triadic

58B6CF
CF59B5
B5CF59

Split-Comp.

58B6CF
CF597A
CFAD59

Tetradic

58B6CF
AD59CF
CF7359
7ACF59

Contrast Matrix WCAG 2.1 Contrast

58B6CF
BFE5FF
BDDB88
E9F16B
FAFF6D
—
1.8
Fail
1.5
Fail
1.9
Fail
2.2
Fail
1.8
Fail
—
1.2
Fail
1.1
Fail
1.2
Fail
1.5
Fail
1.2
Fail
—
1.3
Fail
1.4
Fail
1.9
Fail
1.1
Fail
1.3
Fail
—
1.1
Fail
2.2
Fail
1.2
Fail
1.4
Fail
1.1
Fail
—
White BG
2.3Fail
1.3Fail
1.5Fail
1.2Fail
1.1Fail
Black BG
9.0AAA
15.9AAA
13.7AAA
17.3AAA
19.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

8182C9
CFD0F9
CACA9C
ECED8B
FCFC90

Deuteranopia

7B74C7
CDCAF7
C8C6A1
ECEB93
FCFC99

Tritanopia

5DC4C3
C1F4F3
BEACAF
E9A5AB
FAACB2

Achromatopsia

9D9D9D
DDDDDD
C9C9C9
DFDFDF
EDEDED

Shades & Tints Shades & Tints

#58B6CF

Dark
Light

#BFE5FF

Dark
Light

#BDDB88

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #58b6cf;
  --color-2: #bfe5ff;
  --color-3: #bddb88;
  --color-4: #e9f16b;
  --color-5: #faff6d;
}

SCSS

$color-1: #58b6cf;
$color-2: #bfe5ff;
$color-3: #bddb88;
$color-4: #e9f16b;
$color-5: #faff6d;

TAILWIND

colors: {
  'brand-1': '#58b6cf',
  'brand-2': '#bfe5ff',
  'brand-3': '#bddb88',
  'brand-4': '#e9f16b',
  'brand-5': '#faff6d',
}

RGB Array

[88, 182, 207], [191, 229, 255], [189, 219, 136], [233, 241, 107], [250, 255, 109]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This bright-style palette of #58B6CF, #BFE5FF, #BDDB88, #E9F16B, #FAFF6D 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: #58b6cf; --color-2: #bfe5ff; --color-3: #bddb88; --color-4: #e9f16b; --color-5: #faff6d. 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