← Back to Editor

#95A9B1 · #3F718C · #35626D · #7DA79E · #99CCAA

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

#95A9B1

Sky Blue · DarkGray · Lake Green

HEX
#95A9B1
RGB
rgb(149, 169, 177)
HSL
hsl(197, 15%, 64%)
HSB
hsb(197, 16%, 69%)
CMYK
cmyk(16%, 5%, 0%, 31%)
Oklch
oklch(72.2% 0.025 223.8)

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

#3F718C

Slate Blue · SteelBlue · Prussian Blue

HEX
#3F718C
RGB
rgb(63, 113, 140)
HSL
hsl(201, 38%, 40%)
HSB
hsb(201, 55%, 55%)
CMYK
cmyk(55%, 19%, 0%, 45%)
Oklch
oklch(52.5% 0.069 233.8)

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

#35626D

Slate Blue · DarkSlateGray · Mint Ice

HEX
#35626D
RGB
rgb(53, 98, 109)
HSL
hsl(192, 35%, 32%)
HSB
hsb(192, 51%, 43%)
CMYK
cmyk(51%, 10%, 0%, 57%)
Oklch
oklch(46.8% 0.053 215.4)

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

#7DA79E

Mineral Blue · CadetBlue · Lake Green

HEX
#7DA79E
RGB
rgb(125, 167, 158)
HSL
hsl(167, 19%, 57%)
HSB
hsb(167, 25%, 65%)
CMYK
cmyk(25%, 0%, 5%, 35%)
Oklch
oklch(69.5% 0.047 180.2)

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

#99CCAA

Celadon · DarkSeaGreen · Apple Green

HEX
#99CCAA
RGB
rgb(153, 204, 170)
HSL
hsl(140, 33%, 70%)
HSB
hsb(140, 25%, 80%)
CMYK
cmyk(25%, 0%, 17%, 20%)
Oklch
oklch(80.0% 0.072 155.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

95A9B1
B19D95

Analogous

95B1AB
95A9B1
959BB1

Triadic

95A9B1
B195A9
A9B195

Split-Comp.

95A9B1
B1959B
B1AB95

Tetradic

95A9B1
AB95B1
B19D95
9BB195

Contrast Matrix WCAG 2.1 Contrast

95A9B1
3F718C
35626D
7DA79E
99CCAA
—
2.2
Fail
2.8
Fail
1.1
Fail
1.3
Fail
2.2
Fail
—
1.3
Fail
2.0
Fail
2.9
Fail
2.8
Fail
1.3
Fail
—
2.5
Fail
3.7
AA Large
1.1
Fail
2.0
Fail
2.5
Fail
—
1.5
Fail
1.3
Fail
2.9
Fail
3.7
AA Large
1.5
Fail
—
White BG
2.4Fail
5.3AA
6.7AA
2.7Fail
1.8Fail
Black BG
8.6AAA
4.0AA Large
3.1AA Large
7.9AAA
11.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

9E9EAF
555585
48496A
8F90A0
AFB0B2

Deuteranopia

9D9BAF
524E84
46436A
8D8AA1
ACA8B4

Tritanopia

96AEAD
42807F
376868
7FA2A2
9CB9BA

Achromatopsia

A4A4A4
656565
565656
999999
B9B9B9

Shades & Tints Shades & Tints

#95A9B1

Dark
Light

#3F718C

Dark
Light

#35626D

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #95a9b1;
  --color-2: #3f718c;
  --color-3: #35626d;
  --color-4: #7da79e;
  --color-5: #99ccaa;
}

SCSS

$color-1: #95a9b1;
$color-2: #3f718c;
$color-3: #35626d;
$color-4: #7da79e;
$color-5: #99ccaa;

TAILWIND

colors: {
  'brand-1': '#95a9b1',
  'brand-2': '#3f718c',
  'brand-3': '#35626d',
  'brand-4': '#7da79e',
  'brand-5': '#99ccaa',
}

RGB Array

[149, 169, 177], [63, 113, 140], [53, 98, 109], [125, 167, 158], [153, 204, 170]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #95A9B1, #3F718C, #35626D, #7DA79E, #99CCAA 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: #95a9b1; --color-2: #3f718c; --color-3: #35626d; --color-4: #7da79e; --color-5: #99ccaa. 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