← Back to Editor

#D3FFFF · #CAE3E0 · #F6B0B2 · #F57A97 · #CC4D68

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

#D3FFFF

Sky Blue · Lavender · Glacier Blue

HEX
#D3FFFF
RGB
rgb(211, 255, 255)
HSL
hsl(180, 100%, 91%)
HSB
hsb(180, 17%, 100%)
CMYK
cmyk(17%, 0%, 0%, 0%)
Oklch
oklch(96.9% 0.045 196.4)

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

#CAE3E0

Jade · LightGray · Glacier Blue

HEX
#CAE3E0
RGB
rgb(202, 227, 224)
HSL
hsl(173, 31%, 84%)
HSB
hsb(173, 11%, 89%)
CMYK
cmyk(11%, 0%, 1%, 11%)
Oklch
oklch(89.7% 0.027 188.0)

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

#F6B0B2

Peach Pink · LightPink · Cherry Blossom

HEX
#F6B0B2
RGB
rgb(246, 176, 178)
HSL
hsl(358, 80%, 83%)
HSB
hsb(358, 28%, 96%)
CMYK
cmyk(0%, 28%, 28%, 4%)
Oklch
oklch(82.3% 0.082 17.1)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Rose Petal

#F57A97

Peach Pink · LightCoral · Coral Red

HEX
#F57A97
RGB
rgb(245, 122, 151)
HSL
hsl(346, 86%, 72%)
HSB
hsb(346, 50%, 96%)
CMYK
cmyk(0%, 50%, 38%, 4%)
Oklch
oklch(72.8% 0.153 6.7)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

#CC4D68

Crimson · MediumVioletRed · Passion Red

HEX
#CC4D68
RGB
rgb(204, 77, 104)
HSL
hsl(347, 55%, 55%)
HSB
hsb(347, 62%, 80%)
CMYK
cmyk(0%, 62%, 49%, 20%)
Oklch
oklch(59.7% 0.162 10.5)

Traditional「Crimson」· Paint「Passion Red」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D3FFFF
FFD1D1

Analogous

D1FFE8
D3FFFF
D1E8FF

Triadic

D3FFFF
FFD1FF
FFFFD1

Split-Comp.

D3FFFF
FFD1E8
FFE8D1

Tetradic

D3FFFF
E8D1FF
FFD1D1
E8FFD1

Contrast Matrix WCAG 2.1 Contrast

D3FFFF
CAE3E0
F6B0B2
F57A97
CC4D68
—
1.3
Fail
1.7
Fail
2.4
Fail
4.0
AA Large
1.3
Fail
—
1.3
Fail
1.9
Fail
3.2
AA Large
1.7
Fail
1.3
Fail
—
1.5
Fail
2.4
Fail
2.4
Fail
1.9
Fail
1.5
Fail
—
1.7
Fail
4.0
AA Large
3.2
AA Large
2.4
Fail
1.7
Fail
—
White BG
1.1Fail
1.3Fail
1.8Fail
2.6Fail
4.3AA Large
Black BG
19.5AAA
15.6AAA
11.8AAA
8.1AAA
4.8AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

E6E6FF
D5D5E1
D8D7B2
C0BF90
959461

Deuteranopia

E4E0FF
D3D1E1
DCE1B1
C7D08E
9CA660

Tritanopia

D5FFFF
CBE1E1
F3B1B1
EF8A89
C65C5B

Achromatopsia

F2F2F2
DBDBDB
C5C5C5
A2A2A2
767676

Shades & Tints Shades & Tints

#D3FFFF

Dark
Light

#CAE3E0

Dark
Light

#F6B0B2

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d3ffff;
  --color-2: #cae3e0;
  --color-3: #f6b0b2;
  --color-4: #f57a97;
  --color-5: #cc4d68;
}

SCSS

$color-1: #d3ffff;
$color-2: #cae3e0;
$color-3: #f6b0b2;
$color-4: #f57a97;
$color-5: #cc4d68;

TAILWIND

colors: {
  'brand-1': '#d3ffff',
  'brand-2': '#cae3e0',
  'brand-3': '#f6b0b2',
  'brand-4': '#f57a97',
  'brand-5': '#cc4d68',
}

RGB Array

[211, 255, 255], [202, 227, 224], [246, 176, 178], [245, 122, 151], [204, 77, 104]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This space-style palette of #D3FFFF, #CAE3E0, #F6B0B2, #F57A97, #CC4D68 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: #d3ffff; --color-2: #cae3e0; --color-3: #f6b0b2; --color-4: #f57a97; --color-5: #cc4d68. 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