← Back to Editor

#47A5ED · #66B7B9 · #85C985 · #A4DB50 · #C3ED1C

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

#47A5ED

Lake Blue · CornflowerBlue · Navy Blue

HEX
#47A5ED
RGB
rgb(71, 165, 237)
HSL
hsl(206, 82%, 60%)
HSB
hsb(206, 70%, 93%)
CMYK
cmyk(70%, 30%, 0%, 7%)
Oklch
oklch(69.8% 0.138 244.9)

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

#66B7B9

Slate Blue · MediumAquaMarine · Lake Green

HEX
#66B7B9
RGB
rgb(102, 183, 185)
HSL
hsl(181, 37%, 56%)
HSB
hsb(181, 45%, 73%)
CMYK
cmyk(45%, 1%, 0%, 27%)
Oklch
oklch(72.9% 0.080 197.6)

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

#85C985

Celadon · DarkSeaGreen · Apple Green

HEX
#85C985
RGB
rgb(133, 201, 133)
HSL
hsl(120, 39%, 65%)
HSB
hsb(120, 34%, 79%)
CMYK
cmyk(34%, 0%, 34%, 21%)
Oklch
oklch(77.3% 0.118 144.3)

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

#A4DB50

Grass Green · GreenYellow · Olive Green

HEX
#A4DB50
RGB
rgb(164, 219, 80)
HSL
hsl(84, 66%, 59%)
HSB
hsb(84, 63%, 86%)
CMYK
cmyk(25%, 0%, 63%, 14%)
Oklch
oklch(82.6% 0.177 128.2)

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

#C3ED1C

Grass Green · GreenYellow · Olive Green

HEX
#C3ED1C
RGB
rgb(195, 237, 28)
HSL
hsl(72, 85%, 52%)
HSB
hsb(72, 88%, 93%)
CMYK
cmyk(18%, 0%, 88%, 7%)
Oklch
oklch(88.5% 0.209 121.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

47A5ED
ED8E45

Analogous

45EDE1
47A5ED
4551ED

Triadic

47A5ED
ED45A4
A4ED45

Split-Comp.

47A5ED
ED4551
EDE145

Tetradic

47A5ED
E145ED
ED8E45
51ED45

Contrast Matrix WCAG 2.1 Contrast

47A5ED
66B7B9
85C985
A4DB50
C3ED1C
—
1.1
Fail
1.4
Fail
1.6
Fail
2.0
Fail
1.1
Fail
—
1.2
Fail
1.4
Fail
1.7
Fail
1.4
Fail
1.2
Fail
—
1.2
Fail
1.4
Fail
1.6
Fail
1.4
Fail
1.2
Fail
—
1.2
Fail
2.0
Fail
1.7
Fail
1.4
Fail
1.2
Fail
—
White BG
2.7Fail
2.3Fail
2.0Fail
1.6Fail
1.4Fail
Black BG
7.9AAA
9.0AAA
10.7AAA
12.8AAA
15.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

7071DC
898AB9
A2A395
BCBC72
D5D64F

Deuteranopia

6A63D7
847EB8
9F9999
B9B57A
D3D05B

Tritanopia

4CCECB
6AB8B8
88A2A5
A78C92
C5767F

Achromatopsia

919191
9F9F9F
ADADAD
BBBBBB
C9C9C9

Shades & Tints Shades & Tints

#47A5ED

Dark
Light

#66B7B9

Dark
Light

#85C985

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #47a5ed;
  --color-2: #66b7b9;
  --color-3: #85c985;
  --color-4: #a4db50;
  --color-5: #c3ed1c;
}

SCSS

$color-1: #47a5ed;
$color-2: #66b7b9;
$color-3: #85c985;
$color-4: #a4db50;
$color-5: #c3ed1c;

TAILWIND

colors: {
  'brand-1': '#47a5ed',
  'brand-2': '#66b7b9',
  'brand-3': '#85c985',
  'brand-4': '#a4db50',
  'brand-5': '#c3ed1c',
}

RGB Array

[71, 165, 237], [102, 183, 185], [133, 201, 133], [164, 219, 80], [195, 237, 28]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This bright-style palette of #47A5ED, #66B7B9, #85C985, #A4DB50, #C3ED1C 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: #47a5ed; --color-2: #66b7b9; --color-3: #85c985; --color-4: #a4db50; --color-5: #c3ed1c. 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