← Back to Editor

#10F0F0 · #B8CEC1 · #46FCDD · #CDF500 · #D9E4E4

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

#10F0F0

Lake Blue · Cyan · Mint Ice

HEX
#10F0F0
RGB
rgb(16, 240, 240)
HSL
hsl(180, 88%, 50%)
HSB
hsb(180, 93%, 94%)
CMYK
cmyk(93%, 0%, 0%, 6%)
Oklch
oklch(86.5% 0.146 194.8)

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

#B8CEC1

Celadon · Silver · Apple Green

HEX
#B8CEC1
RGB
rgb(184, 206, 193)
HSL
hsl(145, 18%, 76%)
HSB
hsb(145, 11%, 81%)
CMYK
cmyk(11%, 0%, 6%, 19%)
Oklch
oklch(83.1% 0.030 159.8)

Traditional「Celadon」· Paint「Apple Green」· Creative Mint Breeze

#46FCDD

Jade · Turquoise · Lake Green

HEX
#46FCDD
RGB
rgb(70, 252, 221)
HSL
hsl(170, 97%, 63%)
HSB
hsb(170, 72%, 99%)
CMYK
cmyk(72%, 0%, 12%, 1%)
Oklch
oklch(89.4% 0.149 178.5)

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

#CDF500

Grass Green · Yellow · Olive Green

HEX
#CDF500
RGB
rgb(205, 245, 0)
HSL
hsl(70, 100%, 48%)
HSB
hsb(70, 100%, 96%)
CMYK
cmyk(16%, 0%, 100%, 4%)
Oklch
oklch(90.9% 0.218 120.9)

Traditional「Grass Green」· Paint「Olive Green」· Creative Blush Sunrise

#D9E4E4

Sky Blue · LightGray · Glacier Blue

HEX
#D9E4E4
RGB
rgb(217, 228, 228)
HSL
hsl(180, 17%, 87%)
HSB
hsb(180, 5%, 89%)
CMYK
cmyk(5%, 0%, 0%, 11%)
Oklch
oklch(91.1% 0.012 196.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

10F0F0
F00F0F

Analogous

0FF080
10F0F0
0F80F0

Triadic

10F0F0
F00FF0
F0F00F

Split-Comp.

10F0F0
F00F80
F0800F

Tetradic

10F0F0
800FF0
F00F0F
80F00F

Contrast Matrix WCAG 2.1 Contrast

10F0F0
B8CEC1
46FCDD
CDF500
D9E4E4
—
1.2
Fail
1.1
Fail
1.1
Fail
1.1
Fail
1.2
Fail
—
1.3
Fail
1.3
Fail
1.3
Fail
1.1
Fail
1.3
Fail
—
1.0
Fail
1.0
Fail
1.1
Fail
1.3
Fail
1.0
Fail
—
1.0
Fail
1.1
Fail
1.3
Fail
1.0
Fail
1.0
Fail
—
White BG
1.4Fail
1.7Fail
1.3Fail
1.3Fail
1.3Fail
Black BG
14.7AAA
12.6AAA
16.2AAA
16.7AAA
16.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

7173F0
C2C2C4
9596E5
DEDF3B
DEDEE4

Deuteranopia

6453F0
C0BFC5
8A7DE6
DCD94A
DDDCE4

Tritanopia

1BF0F0
B9C7C7
4FEAEC
CF6A74
DAE4E4

Achromatopsia

ADADAD
C6C6C6
C2C2C2
CDCDCD
E1E1E1

Shades & Tints Shades & Tints

#10F0F0

Dark
Light

#B8CEC1

Dark
Light

#46FCDD

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #10f0f0;
  --color-2: #b8cec1;
  --color-3: #46fcdd;
  --color-4: #cdf500;
  --color-5: #d9e4e4;
}

SCSS

$color-1: #10f0f0;
$color-2: #b8cec1;
$color-3: #46fcdd;
$color-4: #cdf500;
$color-5: #d9e4e4;

TAILWIND

colors: {
  'brand-1': '#10f0f0',
  'brand-2': '#b8cec1',
  'brand-3': '#46fcdd',
  'brand-4': '#cdf500',
  'brand-5': '#d9e4e4',
}

RGB Array

[16, 240, 240], [184, 206, 193], [70, 252, 221], [205, 245, 0], [217, 228, 228]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #10F0F0, #B8CEC1, #46FCDD, #CDF500, #D9E4E4 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: #10f0f0; --color-2: #b8cec1; --color-3: #46fcdd; --color-4: #cdf500; --color-5: #d9e4e4. 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