← Back to Editor

#5E595D · #06C2EF · #0CFCFD · #B0FFFF · #FFFFFF

A 5-color palette palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#5E595D

Ink Gray · DimGray · Charcoal

HEX
#5E595D
RGB
rgb(94, 89, 93)
HSL
hsl(312, 3%, 36%)
HSB
hsb(312, 5%, 37%)
CMYK
cmyk(0%, 5%, 1%, 63%)
Oklch
oklch(47.0% 0.009 332.3)

Traditional「Ink Gray」· Paint「Charcoal」· Creative Midnight Shadow

#06C2EF

Lake Blue · DeepSkyBlue · Mint Ice

HEX
#06C2EF
RGB
rgb(6, 194, 239)
HSL
hsl(192, 95%, 48%)
HSB
hsb(192, 97%, 94%)
CMYK
cmyk(97%, 19%, 0%, 6%)
Oklch
oklch(75.5% 0.139 222.5)

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

#0CFCFD

Lake Blue · Cyan · Lake Green

HEX
#0CFCFD
RGB
rgb(12, 252, 253)
HSL
hsl(180, 98%, 52%)
HSB
hsb(180, 95%, 99%)
CMYK
cmyk(95%, 0%, 0%, 1%)
Oklch
oklch(89.8% 0.152 195.3)

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

#B0FFFF

Sky Blue · LightBlue · Glacier Blue

HEX
#B0FFFF
RGB
rgb(176, 255, 255)
HSL
hsl(180, 100%, 85%)
HSB
hsb(180, 31%, 100%)
CMYK
cmyk(31%, 0%, 0%, 0%)
Oklch
oklch(94.9% 0.077 195.9)

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

#FFFFFF

Moonlight White · White · Cloud White

HEX
#FFFFFF
RGB
rgb(255, 255, 255)
HSL
hsl(0, 0%, 100%)
HSB
hsb(0, 0%, 100%)
CMYK
cmyk(0%, 0%, 0%, 0%)
Oklch
oklch(100.0% 0.000 89.9)

Traditional「Moonlight White」· Paint「Cloud White」· Creative Morning Mist

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

5E595D
595F5A

Analogous

5D595F
5E595D
5F595B

Triadic

5E595D
5D5F59
595D5F

Split-Comp.

5E595D
5B5F59
595F5D

Tetradic

5E595D
5F5D59
595F5A
595B5F

Contrast Matrix WCAG 2.1 Contrast

5E595D
06C2EF
0CFCFD
B0FFFF
FFFFFF
—
3.3
AA Large
5.3
AA
6.1
AA
6.9
AA
3.3
AA Large
—
1.6
Fail
1.9
Fail
2.1
Fail
5.3
AA
1.6
Fail
—
1.1
Fail
1.3
Fail
6.1
AA
1.9
Fail
1.1
Fail
—
1.1
Fail
6.9
AA
2.1
Fail
1.3
Fail
1.1
Fail
—
White BG
6.9AA
2.1Fail
1.3Fail
1.1Fail
1.0Fail
Black BG
3.1AA Large
10.0AAA
16.4AAA
18.6AAA
21.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

5C5C5C
5759E4
7476FD
D2D3FF
FFFFFF

Deuteranopia

5C5D5C
4D3EE1
6654FD
CEC8FF
FFFFFF

Tritanopia

5E5B5B
0FDCDA
18FDFD
B4FFFF
FFFFFF

Achromatopsia

5B5B5B
8F8F8F
B4B4B4
E7E7E7
FFFFFF

Shades & Tints Shades & Tints

#5E595D

Dark
Light

#06C2EF

Dark
Light

#0CFCFD

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #5e595d;
  --color-2: #06c2ef;
  --color-3: #0cfcfd;
  --color-4: #b0ffff;
  --color-5: #ffffff;
}

SCSS

$color-1: #5e595d;
$color-2: #06c2ef;
$color-3: #0cfcfd;
$color-4: #b0ffff;
$color-5: #ffffff;

TAILWIND

colors: {
  'brand-1': '#5e595d',
  'brand-2': '#06c2ef',
  'brand-3': '#0cfcfd',
  'brand-4': '#b0ffff',
  'brand-5': '#ffffff',
}

RGB Array

[94, 89, 93], [6, 194, 239], [12, 252, 253], [176, 255, 255], [255, 255, 255]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #5E595D, #06C2EF, #0CFCFD, #B0FFFF, #FFFFFF is ideal for: infographics, data visualization, accessible design. High contrast ensures clear visual hierarchy and readability. It is a balanced and harmonious choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #5e595d; --color-2: #06c2ef; --color-3: #0cfcfd; --color-4: #b0ffff; --color-5: #ffffff. 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. High-contrast palettes naturally meet WCAG accessibility standards. 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 tech, SaaS, healthcare, eco industries. 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