← Back to Editor

#94EDFD · #52E8FF · #37CCFC · #7684D6 · #7A3E97

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

#94EDFD

Sky Blue · LightSkyBlue · Glacier Blue

HEX
#94EDFD
RGB
rgb(148, 237, 253)
HSL
hsl(189, 96%, 79%)
HSB
hsb(189, 42%, 99%)
CMYK
cmyk(42%, 6%, 0%, 1%)
Oklch
oklch(89.6% 0.088 210.2)

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

#52E8FF

Sky Blue · Turquoise · Lake Green

HEX
#52E8FF
RGB
rgb(82, 232, 255)
HSL
hsl(188, 100%, 66%)
HSB
hsb(188, 68%, 100%)
CMYK
cmyk(68%, 9%, 0%, 0%)
Oklch
oklch(86.1% 0.128 209.6)

Traditional「Sky Blue」· Paint「Lake Green」· Creative Arctic Pool

#37CCFC

Lake Blue · Turquoise · Lake Green

HEX
#37CCFC
RGB
rgb(55, 204, 252)
HSL
hsl(195, 97%, 60%)
HSB
hsb(195, 78%, 99%)
CMYK
cmyk(78%, 19%, 0%, 1%)
Oklch
oklch(79.0% 0.137 225.0)

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

#7684D6

Azure · CornflowerBlue · Cobalt Blue

HEX
#7684D6
RGB
rgb(118, 132, 214)
HSL
hsl(231, 54%, 65%)
HSB
hsb(231, 45%, 84%)
CMYK
cmyk(45%, 38%, 0%, 16%)
Oklch
oklch(63.8% 0.124 275.0)

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

#7A3E97

Dark Plum · DarkSlateBlue · Violet

HEX
#7A3E97
RGB
rgb(122, 62, 151)
HSL
hsl(280, 42%, 42%)
HSB
hsb(280, 59%, 59%)
CMYK
cmyk(19%, 59%, 0%, 41%)
Oklch
oklch(47.9% 0.148 313.3)

Traditional「Dark Plum」· Paint「Violet」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

94EDFD
FDA596

Analogous

96FDD9
94EDFD
96BAFD

Triadic

94EDFD
FD96ED
EDFD96

Split-Comp.

94EDFD
FD96BA
FDD996

Tetradic

94EDFD
D996FD
FDA596
BAFD96

Contrast Matrix WCAG 2.1 Contrast

94EDFD
52E8FF
37CCFC
7684D6
7A3E97
—
1.1
Fail
1.4
Fail
2.6
Fail
5.3
AA
1.1
Fail
—
1.3
Fail
2.4
Fail
4.8
AA
1.4
Fail
1.3
Fail
—
1.9
Fail
3.8
AA Large
2.6
Fail
2.4
Fail
1.9
Fail
—
2.0
Fail
5.3
AA
4.8
AA
3.8
AA Large
2.0
Fail
—
White BG
1.3Fail
1.5Fail
1.9Fail
3.5AA Large
7.1AAA
Black BG
15.8AAA
14.3AAA
11.2AAA
6.0AA
3.0Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

BBBBF9
9394F9
7879F0
7C7CC2
605F81

Deuteranopia

B5AFF8
8A7FF8
6F64EE
7B7ABD
64687C

Tritanopia

98F6F5
5AF5F4
3EE7E5
77B2AF
77706D

Achromatopsia

D4D4D4
BEBEBE
A5A5A5
898989
5A5A5A

Shades & Tints Shades & Tints

#94EDFD

Dark
Light

#52E8FF

Dark
Light

#37CCFC

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #94edfd;
  --color-2: #52e8ff;
  --color-3: #37ccfc;
  --color-4: #7684d6;
  --color-5: #7a3e97;
}

SCSS

$color-1: #94edfd;
$color-2: #52e8ff;
$color-3: #37ccfc;
$color-4: #7684d6;
$color-5: #7a3e97;

TAILWIND

colors: {
  'brand-1': '#94edfd',
  'brand-2': '#52e8ff',
  'brand-3': '#37ccfc',
  'brand-4': '#7684d6',
  'brand-5': '#7a3e97',
}

RGB Array

[148, 237, 253], [82, 232, 255], [55, 204, 252], [118, 132, 214], [122, 62, 151]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #94EDFD, #52E8FF, #37CCFC, #7684D6, #7A3E97 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: #94edfd; --color-2: #52e8ff; --color-3: #37ccfc; --color-4: #7684d6; --color-5: #7a3e97. 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 general-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