← Back to Editor

#95C6CB · #B7A9A6 · #FF8A26 · #E75691 · #7E98A5

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 Library

Color Details Color Details

#95C6CB

Sky Blue · LightSteelBlue · Lake Green

HEX
#95C6CB
RGB
rgb(149, 198, 203)
HSL
hsl(186, 34%, 69%)
HSB
hsb(186, 27%, 80%)
CMYK
cmyk(27%, 2%, 0%, 20%)
Oklch
oklch(79.4% 0.052 204.0)

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

#B7A9A6

Peach Pink · DarkGray · Coral Red

HEX
#B7A9A6
RGB
rgb(183, 169, 166)
HSL
hsl(11, 11%, 68%)
HSB
hsb(11, 9%, 72%)
CMYK
cmyk(0%, 8%, 9%, 28%)
Oklch
oklch(74.6% 0.017 32.0)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

#FF8A26

Tangerine · Coral · Warm Sun

HEX
#FF8A26
RGB
rgb(255, 138, 38)
HSL
hsl(28, 100%, 57%)
HSB
hsb(28, 85%, 100%)
CMYK
cmyk(0%, 46%, 85%, 0%)
Oklch
oklch(74.8% 0.174 54.5)

Traditional「Tangerine」· Paint「Warm Sun」· Creative Blush Sunrise

#E75691

Rouge · LightCoral · Rose Pink

HEX
#E75691
RGB
rgb(231, 86, 145)
HSL
hsl(336, 75%, 62%)
HSB
hsb(336, 63%, 91%)
CMYK
cmyk(0%, 63%, 37%, 9%)
Oklch
oklch(66.0% 0.187 358.3)

Traditional「Rouge」· Paint「Rose Pink」· Creative Rose Petal

#7E98A5

Slate Blue · LightSlateGray · Navy Blue

HEX
#7E98A5
RGB
rgb(126, 152, 165)
HSL
hsl(200, 18%, 57%)
HSB
hsb(200, 24%, 65%)
CMYK
cmyk(24%, 8%, 0%, 35%)
Oklch
oklch(66.4% 0.035 229.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

95C6CB
CB9A95

Analogous

95CBB5
95C6CB
95ABCB

Triadic

95C6CB
CB95C5
C5CB95

Split-Comp.

95C6CB
CB95AB
CBB595

Tetradic

95C6CB
B595CB
CB9A95
ABCB95

Contrast Matrix WCAG 2.1 Contrast

95C6CB
B7A9A6
FF8A26
E75691
7E98A5
—
1.2
Fail
1.3
Fail
1.8
Fail
1.6
Fail
1.2
Fail
—
1.0
Fail
1.5
Fail
1.3
Fail
1.3
Fail
1.0
Fail
—
1.5
Fail
1.3
Fail
1.8
Fail
1.5
Fail
1.5
Fail
—
1.1
Fail
1.6
Fail
1.3
Fail
1.3
Fail
1.1
Fail
—
White BG
1.9Fail
2.3Fail
2.4Fail
3.4AA Large
3.0AA Large
Black BG
11.2AAA
9.2AAA
8.9AAA
6.1AA
6.9AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

AAABCA
B1B1A7
CCCB3E
A8A783
8989A2

Deuteranopia

A7A4CA
B2B3A7
D3DC44
B1BC7F
8886A1

Tritanopia

97C9C9
B6A7A7
F95156
E07775
7F9F9F

Achromatopsia

B8B8B8
ADADAD
A2A2A2
888888
929292

Shades & Tints Shades & Tints

#95C6CB

Dark
Light

#B7A9A6

Dark
Light

#FF8A26

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #95c6cb;
  --color-2: #b7a9a6;
  --color-3: #ff8a26;
  --color-4: #e75691;
  --color-5: #7e98a5;
}

SCSS

$color-1: #95c6cb;
$color-2: #b7a9a6;
$color-3: #ff8a26;
$color-4: #e75691;
$color-5: #7e98a5;

TAILWIND

colors: {
  'brand-1': '#95c6cb',
  'brand-2': '#b7a9a6',
  'brand-3': '#ff8a26',
  'brand-4': '#e75691',
  'brand-5': '#7e98a5',
}

RGB Array

[149, 198, 203], [183, 169, 166], [255, 138, 38], [231, 86, 145], [126, 152, 165]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #95C6CB, #B7A9A6, #FF8A26, #E75691, #7E98A5 is ideal for: corporate websites, product showcases, portfolios. 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: #95c6cb; --color-2: #b7a9a6; --color-3: #ff8a26; --color-4: #e75691; --color-5: #7e98a5. 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. 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