← Back to Editor

#3FC6E8 · #38FFE4 · #C2FFF7 · #D9D5C3 · #FFC0AD

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

#3FC6E8

Lake Blue · MediumTurquoise · Lake Green

HEX
#3FC6E8
RGB
rgb(63, 198, 232)
HSL
hsl(192, 79%, 58%)
HSB
hsb(192, 73%, 91%)
CMYK
cmyk(73%, 15%, 0%, 9%)
Oklch
oklch(76.9% 0.122 218.6)

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

#38FFE4

Jade · Turquoise · Lake Green

HEX
#38FFE4
RGB
rgb(56, 255, 228)
HSL
hsl(172, 100%, 61%)
HSB
hsb(172, 78%, 100%)
CMYK
cmyk(78%, 0%, 11%, 0%)
Oklch
oklch(90.1% 0.153 180.9)

Traditional「Jade」· Paint「Lake Green」· Creative Arctic Pool

#C2FFF7

Jade · Lavender · Glacier Blue

HEX
#C2FFF7
RGB
rgb(194, 255, 247)
HSL
hsl(172, 100%, 88%)
HSB
hsb(172, 24%, 100%)
CMYK
cmyk(24%, 0%, 3%, 0%)
Oklch
oklch(95.7% 0.062 186.2)

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

#D9D5C3

Goose Yellow · LightGray · Lemon Cream

HEX
#D9D5C3
RGB
rgb(217, 213, 195)
HSL
hsl(49, 22%, 81%)
HSB
hsb(49, 10%, 85%)
CMYK
cmyk(0%, 2%, 10%, 15%)
Oklch
oklch(87.1% 0.025 96.6)

Traditional「Goose Yellow」· Paint「Lemon Cream」· Creative Lemon Fizz

#FFC0AD

Peach Pink · LightPink · Cherry Blossom

HEX
#FFC0AD
RGB
rgb(255, 192, 173)
HSL
hsl(14, 100%, 84%)
HSB
hsb(14, 32%, 100%)
CMYK
cmyk(0%, 25%, 32%, 0%)
Oklch
oklch(86.0% 0.078 37.4)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

3FC6E8
E9613F

Analogous

3FE9B6
3FC6E8
3F72E9

Triadic

3FC6E8
E93FC7
C7E93F

Split-Comp.

3FC6E8
E93F72
E9B63F

Tetradic

3FC6E8
B63FE9
E9613F
72E93F

Contrast Matrix WCAG 2.1 Contrast

3FC6E8
38FFE4
C2FFF7
D9D5C3
FFC0AD
—
1.6
Fail
1.8
Fail
1.4
Fail
1.3
Fail
1.6
Fail
—
1.1
Fail
1.2
Fail
1.2
Fail
1.8
Fail
1.1
Fail
—
1.3
Fail
1.4
Fail
1.4
Fail
1.2
Fail
1.3
Fail
—
1.1
Fail
1.3
Fail
1.2
Fail
1.4
Fail
1.1
Fail
—
White BG
2.0Fail
1.3Fail
1.1Fail
1.5Fail
1.6Fail
Black BG
10.5AAA
16.6AAA
18.9AAA
14.3AAA
13.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

797BE0
8E90EB
DCDDF9
D7D7C7
E4E3B2

Deuteranopia

7268DE
8374EC
D9D4F9
D8D8C8
E7ECB3

Tritanopia

46D9D8
42F0F1
C5FAFB
D9CBCC
FCB5B6

Achromatopsia

A2A2A2
C0C0C0
ECECEC
D4D4D4
D1D1D1

Shades & Tints Shades & Tints

#3FC6E8

Dark
Light

#38FFE4

Dark
Light

#C2FFF7

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #3fc6e8;
  --color-2: #38ffe4;
  --color-3: #c2fff7;
  --color-4: #d9d5c3;
  --color-5: #ffc0ad;
}

SCSS

$color-1: #3fc6e8;
$color-2: #38ffe4;
$color-3: #c2fff7;
$color-4: #d9d5c3;
$color-5: #ffc0ad;

TAILWIND

colors: {
  'brand-1': '#3fc6e8',
  'brand-2': '#38ffe4',
  'brand-3': '#c2fff7',
  'brand-4': '#d9d5c3',
  'brand-5': '#ffc0ad',
}

RGB Array

[63, 198, 232], [56, 255, 228], [194, 255, 247], [217, 213, 195], [255, 192, 173]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #3FC6E8, #38FFE4, #C2FFF7, #D9D5C3, #FFC0AD 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: #3fc6e8; --color-2: #38ffe4; --color-3: #c2fff7; --color-4: #d9d5c3; --color-5: #ffc0ad. 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 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