← Back to Editor

#6335DD · #5765D6 · #4C94CF · #40C4C7 · #34F3C0

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

#6335DD

Deep Indigo · SlateBlue · Navy Blue

HEX
#6335DD
RGB
rgb(99, 53, 221)
HSL
hsl(256, 71%, 54%)
HSB
hsb(256, 76%, 87%)
CMYK
cmyk(55%, 76%, 0%, 13%)
Oklch
oklch(49.7% 0.235 286.9)

Traditional「Deep Indigo」· Paint「Navy Blue」· Creative Blush Sunrise

#5765D6

Azure · SlateBlue · Navy Blue

HEX
#5765D6
RGB
rgb(87, 101, 214)
HSL
hsl(233, 61%, 59%)
HSB
hsb(233, 59%, 84%)
CMYK
cmyk(59%, 53%, 0%, 16%)
Oklch
oklch(55.6% 0.172 274.1)

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

#4C94CF

Lake Blue · SteelBlue · Navy Blue

HEX
#4C94CF
RGB
rgb(76, 148, 207)
HSL
hsl(207, 58%, 55%)
HSB
hsb(207, 63%, 81%)
CMYK
cmyk(63%, 29%, 0%, 19%)
Oklch
oklch(64.6% 0.115 245.6)

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

#40C4C7

Lake Blue · MediumTurquoise · Lake Green

HEX
#40C4C7
RGB
rgb(64, 196, 199)
HSL
hsl(181, 55%, 52%)
HSB
hsb(181, 68%, 78%)
CMYK
cmyk(68%, 2%, 0%, 22%)
Oklch
oklch(75.2% 0.112 197.3)

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

#34F3C0

Mineral Blue · Turquoise · Lake Green

HEX
#34F3C0
RGB
rgb(52, 243, 192)
HSL
hsl(164, 89%, 58%)
HSB
hsb(164, 79%, 95%)
CMYK
cmyk(79%, 0%, 21%, 5%)
Oklch
oklch(86.2% 0.162 169.4)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

6335DD
B1DD36

Analogous

365DDD
6335DD
B636DD

Triadic

6335DD
DD6336
36DD63

Split-Comp.

6335DD
DDB636
5DDD36

Tetradic

6335DD
DD365D
B1DD36
36DDB6

Contrast Matrix WCAG 2.1 Contrast

6335DD
5765D6
4C94CF
40C4C7
34F3C0
—
1.4
Fail
2.1
Fail
3.2
AA Large
4.8
AA
1.4
Fail
—
1.5
Fail
2.3
Fail
3.5
AA Large
2.1
Fail
1.5
Fail
—
1.5
Fail
2.3
Fail
3.2
AA Large
2.3
Fail
1.5
Fail
—
1.5
Fail
4.8
AA
3.5
AA Large
2.3
Fail
1.5
Fail
—
White BG
6.8AA
5.0AA
3.3AA Large
2.1Fail
1.4Fail
Black BG
3.1AA Large
4.2AA Large
6.4AA
9.9AAA
14.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

4F4FB4
5D5DBB
6B6CC1
797AC6
8788CC

Deuteranopia

5255AB
5C5BB4
6762BD
7268C6
7C6DCF

Tritanopia

61948D
58A5A0
50B5B3
47C6C6
3ED6D8

Achromatopsia

565656
6E6E6E
858585
9D9D9D
B4B4B4

Shades & Tints Shades & Tints

#6335DD

Dark
Light

#5765D6

Dark
Light

#4C94CF

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #6335dd;
  --color-2: #5765d6;
  --color-3: #4c94cf;
  --color-4: #40c4c7;
  --color-5: #34f3c0;
}

SCSS

$color-1: #6335dd;
$color-2: #5765d6;
$color-3: #4c94cf;
$color-4: #40c4c7;
$color-5: #34f3c0;

TAILWIND

colors: {
  'brand-1': '#6335dd',
  'brand-2': '#5765d6',
  'brand-3': '#4c94cf',
  'brand-4': '#40c4c7',
  'brand-5': '#34f3c0',
}

RGB Array

[99, 53, 221], [87, 101, 214], [76, 148, 207], [64, 196, 199], [52, 243, 192]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #6335DD, #5765D6, #4C94CF, #40C4C7, #34F3C0 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: #6335dd; --color-2: #5765d6; --color-3: #4c94cf; --color-4: #40c4c7; --color-5: #34f3c0. 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