← Back to Editor

#5AA0A8 · #B6DCDF · #E8EFC5 · #FFFDBA · #FDFBCB

space

A 5-color space 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

#5AA0A8

Slate Blue · CadetBlue · Lake Green

HEX
#5AA0A8
RGB
rgb(90, 160, 168)
HSL
hsl(186, 31%, 51%)
HSB
hsb(186, 46%, 66%)
CMYK
cmyk(46%, 5%, 0%, 34%)
Oklch
oklch(66.3% 0.072 205.1)

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

#B6DCDF

Sky Blue · LightBlue · Glacier Blue

HEX
#B6DCDF
RGB
rgb(182, 220, 223)
HSL
hsl(184, 39%, 79%)
HSB
hsb(184, 18%, 87%)
CMYK
cmyk(18%, 1%, 0%, 13%)
Oklch
oklch(86.8% 0.040 202.3)

Traditional「Sky Blue」· Paint「Glacier Blue」· Creative Arctic Pool

#E8EFC5

Willow Green · Bisque · Mint Green

HEX
#E8EFC5
RGB
rgb(232, 239, 197)
HSL
hsl(70, 57%, 85%)
HSB
hsb(70, 18%, 94%)
CMYK
cmyk(3%, 0%, 18%, 6%)
Oklch
oklch(93.6% 0.056 115.2)

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

#FFFDBA

Fresh Green · Bisque · Lemon Cream

HEX
#FFFDBA
RGB
rgb(255, 253, 186)
HSL
hsl(58, 100%, 86%)
HSB
hsb(58, 27%, 100%)
CMYK
cmyk(0%, 1%, 27%, 0%)
Oklch
oklch(98.0% 0.085 106.4)

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

#FDFBCB

Fresh Green · Beige · Lemon Cream

HEX
#FDFBCB
RGB
rgb(253, 251, 203)
HSL
hsl(58, 93%, 89%)
HSB
hsb(58, 20%, 99%)
CMYK
cmyk(0%, 1%, 20%, 1%)
Oklch
oklch(97.8% 0.062 105.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

5AA0A8
A9635B

Analogous

5BA98A
5AA0A8
5B7AA9

Triadic

5AA0A8
A95BA1
A1A95B

Split-Comp.

5AA0A8
A95B7A
A98A5B

Tetradic

5AA0A8
8A5BA9
A9635B
7AA95B

Contrast Matrix WCAG 2.1 Contrast

5AA0A8
B6DCDF
E8EFC5
FFFDBA
FDFBCB
—
2.0
Fail
2.5
Fail
2.8
Fail
2.8
Fail
2.0
Fail
—
1.2
Fail
1.4
Fail
1.4
Fail
2.5
Fail
1.2
Fail
—
1.1
Fail
1.1
Fail
2.8
Fail
1.4
Fail
1.1
Fail
—
1.0
Fail
2.8
Fail
1.4
Fail
1.1
Fail
1.0
Fail
—
White BG
3.0Fail
1.5Fail
1.2Fail
1.0Fail
1.1Fail
Black BG
7.0AAA
14.3AAA
17.6AAA
20.0AAA
19.8AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

7879A6
C6C7DE
EBEBCF
FEFECA
FCFCD7

Deuteranopia

746FA6
C4C1DE
EBEAD2
FEFECE
FCFCD9

Tritanopia

5EA5A4
B8DEDE
E8D7D9
FFD7DA
FDE0E2

Achromatopsia

8C8C8C
D1D1D1
E8E8E8
F6F6F6
F6F6F6

Shades & Tints Shades & Tints

#5AA0A8

Dark
Light

#B6DCDF

Dark
Light

#E8EFC5

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #5aa0a8;
  --color-2: #b6dcdf;
  --color-3: #e8efc5;
  --color-4: #fffdba;
  --color-5: #fdfbcb;
}

SCSS

$color-1: #5aa0a8;
$color-2: #b6dcdf;
$color-3: #e8efc5;
$color-4: #fffdba;
$color-5: #fdfbcb;

TAILWIND

colors: {
  'brand-1': '#5aa0a8',
  'brand-2': '#b6dcdf',
  'brand-3': '#e8efc5',
  'brand-4': '#fffdba',
  'brand-5': '#fdfbcb',
}

RGB Array

[90, 160, 168], [182, 220, 223], [232, 239, 197], [255, 253, 186], [253, 251, 203]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This space-style palette of #5AA0A8, #B6DCDF, #E8EFC5, #FFFDBA, #FDFBCB 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: #5aa0a8; --color-2: #b6dcdf; --color-3: #e8efc5; --color-4: #fffdba; --color-5: #fdfbcb. 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 space-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