← Back to Editor

#90C0CD · #94B3B9 · #919FA4 · #898C92 · #737883

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#90C0CD

Sky Blue · SkyBlue · Lake Green

HEX
#90C0CD
RGB
rgb(144, 192, 205)
HSL
hsl(193, 38%, 68%)
HSB
hsb(193, 30%, 80%)
CMYK
cmyk(30%, 6%, 0%, 20%)
Oklch
oklch(77.8% 0.054 216.3)

Traditional「Sky Blue」· Paint「Lake Green」· Creative Arctic Pool

#94B3B9

Sky Blue · DarkGray · Lake Green

HEX
#94B3B9
RGB
rgb(148, 179, 185)
HSL
hsl(190, 21%, 65%)
HSB
hsb(190, 20%, 73%)
CMYK
cmyk(20%, 3%, 0%, 27%)
Oklch
oklch(74.6% 0.035 210.7)

Traditional「Sky Blue」· Paint「Lake Green」· Creative Arctic Pool

#919FA4

Sky Blue · DarkGray · Silver Sand

HEX
#919FA4
RGB
rgb(145, 159, 164)
HSL
hsl(196, 9%, 61%)
HSB
hsb(196, 12%, 64%)
CMYK
cmyk(12%, 3%, 0%, 36%)
Oklch
oklch(69.3% 0.018 221.2)

Traditional「Sky Blue」· Paint「Silver Sand」· Creative Urban Concrete

#898C92

Ash · LightSlateGray · Warm Gray

HEX
#898C92
RGB
rgb(137, 140, 146)
HSL
hsl(220, 4%, 55%)
HSB
hsb(220, 6%, 57%)
CMYK
cmyk(6%, 4%, 0%, 43%)
Oklch
oklch(63.9% 0.010 264.5)

Traditional「Ash」· Paint「Warm Gray」· Creative Urban Concrete

#737883

Ink Gray · Gray · Warm Gray

HEX
#737883
RGB
rgb(115, 120, 131)
HSL
hsl(221, 7%, 48%)
HSB
hsb(221, 12%, 51%)
CMYK
cmyk(12%, 8%, 0%, 49%)
Oklch
oklch(57.2% 0.018 266.2)

Traditional「Ink Gray」· Paint「Warm Gray」· Creative Urban Concrete

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

90C0CD
CC9C8E

Analogous

8ECCBB
90C0CD
8EA0CC

Triadic

90C0CD
CC8EBF
BFCC8E

Split-Comp.

90C0CD
CC8EA0
CCBB8E

Tetradic

90C0CD
BB8ECC
CC9C8E
A0CC8E

Contrast Matrix WCAG 2.1 Contrast

90C0CD
94B3B9
919FA4
898C92
737883
—
1.1
Fail
1.4
Fail
1.7
Fail
2.2
Fail
1.1
Fail
—
1.2
Fail
1.5
Fail
2.0
Fail
1.4
Fail
1.2
Fail
—
1.2
Fail
1.6
Fail
1.7
Fail
1.5
Fail
1.2
Fail
—
1.3
Fail
2.2
Fail
2.0
Fail
1.6
Fail
1.3
Fail
—
White BG
2.0Fail
2.2Fail
2.7Fail
3.4AA Large
4.4AA Large
Black BG
10.6AAA
9.4AAA
7.7AAA
6.2AA
4.7AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

A5A5CA
A1A2B8
9797A3
8A8A91
757580

Deuteranopia

A29EC9
A09DB7
9695A3
8A8A90
757580

Tritanopia

92C7C7
96B6B6
92A2A2
898F8F
737E7E

Achromatopsia

B3B3B3
AAAAAA
9B9B9B
8C8C8C
787878

Shades & Tints Shades & Tints

#90C0CD

Dark
Light

#94B3B9

Dark
Light

#919FA4

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #90c0cd;
  --color-2: #94b3b9;
  --color-3: #919fa4;
  --color-4: #898c92;
  --color-5: #737883;
}

SCSS

$color-1: #90c0cd;
$color-2: #94b3b9;
$color-3: #919fa4;
$color-4: #898c92;
$color-5: #737883;

TAILWIND

colors: {
  'brand-1': '#90c0cd',
  'brand-2': '#94b3b9',
  'brand-3': '#919fa4',
  'brand-4': '#898c92',
  'brand-5': '#737883',
}

RGB Array

[144, 192, 205], [148, 179, 185], [145, 159, 164], [137, 140, 146], [115, 120, 131]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #90C0CD, #94B3B9, #919FA4, #898C92, #737883 is ideal for: brand design, premium product pages, magazine layouts. Low-saturation colors convey a sophisticated, premium feel. It is a classic and elegant choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #90c0cd; --color-2: #94b3b9; --color-3: #919fa4; --color-4: #898c92; --color-5: #737883. 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 tech, SaaS, healthcare, eco industries. Restrained colors convey professionalism and trust. 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