← Back to Editor

#00CEDA · #29F4FF · #CCCAC7 · #06FFFA · #49D8DE

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

#00CEDA

Lake Blue · DarkTurquoise · Mint Ice

HEX
#00CEDA
RGB
rgb(0, 206, 218)
HSL
hsl(183, 100%, 43%)
HSB
hsb(183, 100%, 85%)
CMYK
cmyk(100%, 6%, 0%, 15%)
Oklch
oklch(77.5% 0.132 202.3)

Traditional「Lake Blue」· Paint「Mint Ice」· Creative Blush Sunrise

#29F4FF

Lake Blue · Cyan · Lake Green

HEX
#29F4FF
RGB
rgb(41, 244, 255)
HSL
hsl(183, 100%, 58%)
HSB
hsb(183, 84%, 100%)
CMYK
cmyk(84%, 4%, 0%, 0%)
Oklch
oklch(88.2% 0.145 200.9)

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

#CCCAC7

Silver Gray · LightGray · Pearl Gray

HEX
#CCCAC7
RGB
rgb(204, 202, 199)
HSL
hsl(36, 5%, 79%)
HSB
hsb(36, 2%, 80%)
CMYK
cmyk(0%, 1%, 2%, 20%)
Oklch
oklch(84.0% 0.005 78.3)

Traditional「Silver Gray」· Paint「Pearl Gray」· Creative Silver Lining

#06FFFA

Mineral Blue · Cyan · Lake Green

HEX
#06FFFA
RGB
rgb(6, 255, 250)
HSL
hsl(179, 100%, 51%)
HSB
hsb(179, 98%, 100%)
CMYK
cmyk(98%, 0%, 2%, 0%)
Oklch
oklch(90.4% 0.155 192.2)

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

#49D8DE

Lake Blue · Turquoise · Lake Green

HEX
#49D8DE
RGB
rgb(73, 216, 222)
HSL
hsl(182, 69%, 58%)
HSB
hsb(182, 67%, 87%)
CMYK
cmyk(67%, 3%, 0%, 13%)
Oklch
oklch(81.0% 0.119 199.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

00CEDA
DB0B00

Analogous

00DB79
00CEDA
0063DB

Triadic

00CEDA
DB00D0
D0DB00

Split-Comp.

00CEDA
DB0063
DB7900

Tetradic

00CEDA
7900DB
DB0B00
63DB00

Contrast Matrix WCAG 2.1 Contrast

00CEDA
29F4FF
CCCAC7
06FFFA
49D8DE
—
1.4
Fail
1.2
Fail
1.5
Fail
1.1
Fail
1.4
Fail
—
1.2
Fail
1.1
Fail
1.3
Fail
1.2
Fail
1.2
Fail
—
1.3
Fail
1.1
Fail
1.5
Fail
1.1
Fail
1.3
Fail
—
1.4
Fail
1.1
Fail
1.3
Fail
1.1
Fail
1.4
Fail
—
White BG
1.9Fail
1.4Fail
1.6Fail
1.3Fail
1.7Fail
Black BG
10.8AAA
15.5AAA
12.8AAA
16.7AAA
12.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

595BD7
8183FC
CBCBC8
7274FB
8788DD

Deuteranopia

4D3ED6
7566FC
CBCBC8
6351FC
7F74DC

Tritanopia

0AD5D4
33FAFA
CCC8C8
12FCFC
50DBDB

Achromatopsia

929292
B9B9B9
CACACA
B4B4B4
AEAEAE

Shades & Tints Shades & Tints

#00CEDA

Dark
Light

#29F4FF

Dark
Light

#CCCAC7

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #00ceda;
  --color-2: #29f4ff;
  --color-3: #cccac7;
  --color-4: #06fffa;
  --color-5: #49d8de;
}

SCSS

$color-1: #00ceda;
$color-2: #29f4ff;
$color-3: #cccac7;
$color-4: #06fffa;
$color-5: #49d8de;

TAILWIND

colors: {
  'brand-1': '#00ceda',
  'brand-2': '#29f4ff',
  'brand-3': '#cccac7',
  'brand-4': '#06fffa',
  'brand-5': '#49d8de',
}

RGB Array

[0, 206, 218], [41, 244, 255], [204, 202, 199], [6, 255, 250], [73, 216, 222]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #00CEDA, #29F4FF, #CCCAC7, #06FFFA, #49D8DE 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: #00ceda; --color-2: #29f4ff; --color-3: #cccac7; --color-4: #06fffa; --color-5: #49d8de. 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