← Back to Editor

#92E5F2 · #414754 · #DEF8F8 · #93DDF0 · #5DCED0

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReadingData Visualization

Color Details Color Details

#92E5F2

Sky Blue · SkyBlue · Glacier Blue

HEX
#92E5F2
RGB
rgb(146, 229, 242)
HSL
hsl(188, 79%, 76%)
HSB
hsb(188, 40%, 95%)
CMYK
cmyk(40%, 5%, 0%, 5%)
Oklch
oklch(87.3% 0.083 208.3)

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

#414754

Indigo · DarkSlateGray · Prussian Blue

HEX
#414754
RGB
rgb(65, 71, 84)
HSL
hsl(221, 13%, 29%)
HSB
hsb(221, 23%, 33%)
CMYK
cmyk(23%, 15%, 0%, 67%)
Oklch
oklch(39.8% 0.023 265.7)

Traditional「Indigo」· Paint「Prussian Blue」· Creative Blush Sunrise

#DEF8F8

Sky Blue · Lavender · Glacier Blue

HEX
#DEF8F8
RGB
rgb(222, 248, 248)
HSL
hsl(180, 65%, 92%)
HSB
hsb(180, 10%, 97%)
CMYK
cmyk(10%, 0%, 0%, 3%)
Oklch
oklch(96.0% 0.027 196.7)

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

#93DDF0

Sky Blue · SkyBlue · Glacier Blue

HEX
#93DDF0
RGB
rgb(147, 221, 240)
HSL
hsl(192, 76%, 76%)
HSB
hsb(192, 39%, 94%)
CMYK
cmyk(39%, 8%, 0%, 6%)
Oklch
oklch(85.6% 0.078 215.7)

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

#5DCED0

Lake Blue · MediumTurquoise · Lake Green

HEX
#5DCED0
RGB
rgb(93, 206, 208)
HSL
hsl(181, 55%, 59%)
HSB
hsb(181, 55%, 82%)
CMYK
cmyk(55%, 1%, 0%, 18%)
Oklch
oklch(78.7% 0.102 196.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

92E5F2
F29E91

Analogous

91F2CF
92E5F2
91B5F2

Triadic

92E5F2
F291E5
E5F291

Split-Comp.

92E5F2
F291B5
F2CF91

Tetradic

92E5F2
CF91F2
F29E91
B5F291

Contrast Matrix WCAG 2.1 Contrast

92E5F2
414754
DEF8F8
93DDF0
5DCED0
—
6.5
AA
1.3
Fail
1.1
Fail
1.3
Fail
6.5
AA
—
8.4
AAA
6.1
AA
5.0
AA
1.3
Fail
8.4
AAA
—
1.4
Fail
1.7
Fail
1.1
Fail
6.1
AA
1.4
Fail
—
1.2
Fail
1.3
Fail
5.0
AA
1.7
Fail
1.2
Fail
—
White BG
1.4Fail
9.3AAA
1.1Fail
1.5Fail
1.9Fail
Black BG
14.7AAA
2.3Fail
18.9AAA
13.8AAA
11.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

B6B7EF
444451
E9E9F8
B3B4EB
8E8FD0

Deuteranopia

B1ABEE
434350
E8E6F8
AFA9EA
877FCF

Tritanopia

96ECEC
414E4E
DFF8F8
97E8E7
63CFCF

Achromatopsia

CECECE
474747
F0F0F0
C9C9C9
ACACAC

Shades & Tints Shades & Tints

#92E5F2

Dark
Light

#414754

Dark
Light

#DEF8F8

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #92e5f2;
  --color-2: #414754;
  --color-3: #def8f8;
  --color-4: #93ddf0;
  --color-5: #5dced0;
}

SCSS

$color-1: #92e5f2;
$color-2: #414754;
$color-3: #def8f8;
$color-4: #93ddf0;
$color-5: #5dced0;

TAILWIND

colors: {
  'brand-1': '#92e5f2',
  'brand-2': '#414754',
  'brand-3': '#def8f8',
  'brand-4': '#93ddf0',
  'brand-5': '#5dced0',
}

RGB Array

[146, 229, 242], [65, 71, 84], [222, 248, 248], [147, 221, 240], [93, 206, 208]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #92E5F2, #414754, #DEF8F8, #93DDF0, #5DCED0 is ideal for: health products, baby brands, fresh-style blogs, 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: #92e5f2; --color-2: #414754; --color-3: #def8f8; --color-4: #93ddf0; --color-5: #5dced0. 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. 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