← Back to Editor

#6B949A · #93AFB0 · #C1D1C6 · #910824 · #FABCB1

pastel

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

GentleSoothingSweetWarmCool

Industry INDUSTRY

Kids & BabyBeautyLifestyle

UI Context UI CONTEXT

E-commerceSocial PostIllustrationData Visualization

Color Details Color Details

#6B949A

Slate Blue · CadetBlue · Lake Green

HEX
#6B949A
RGB
rgb(107, 148, 154)
HSL
hsl(188, 19%, 51%)
HSB
hsb(188, 31%, 60%)
CMYK
cmyk(31%, 4%, 0%, 40%)
Oklch
oklch(63.9% 0.046 207.4)

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

#93AFB0

Sky Blue · DarkGray · Lake Green

HEX
#93AFB0
RGB
rgb(147, 175, 176)
HSL
hsl(182, 16%, 63%)
HSB
hsb(182, 16%, 69%)
CMYK
cmyk(16%, 1%, 0%, 31%)
Oklch
oklch(73.3% 0.031 199.2)

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

#C1D1C6

Celadon · Silver · Apple Green

HEX
#C1D1C6
RGB
rgb(193, 209, 198)
HSL
hsl(139, 15%, 79%)
HSB
hsb(139, 8%, 82%)
CMYK
cmyk(8%, 0%, 5%, 18%)
Oklch
oklch(84.5% 0.023 155.8)

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

#910824

Vermilion · DarkRed · Wine Red

HEX
#910824
RGB
rgb(145, 8, 36)
HSL
hsl(348, 90%, 30%)
HSB
hsb(348, 94%, 57%)
CMYK
cmyk(0%, 94%, 75%, 43%)
Oklch
oklch(41.9% 0.163 20.1)

Traditional「Vermilion」· Paint「Wine Red」· Creative Blush Sunrise

#FABCB1

Peach Pink · LightPink · Cherry Blossom

HEX
#FABCB1
RGB
rgb(250, 188, 177)
HSL
hsl(9, 88%, 84%)
HSB
hsb(9, 29%, 98%)
CMYK
cmyk(0%, 25%, 29%, 2%)
Oklch
oklch(84.9% 0.074 30.1)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

6B949A
9A716A

Analogous

6A9A88
6B949A
6A7C9A

Triadic

6B949A
9A6A93
939A6A

Split-Comp.

6B949A
9A6A7C
9A886A

Tetradic

6B949A
886A9A
9A716A
7C9A6A

Contrast Matrix WCAG 2.1 Contrast

6B949A
93AFB0
C1D1C6
910824
FABCB1
—
1.4
Fail
2.1
Fail
2.8
Fail
2.0
Fail
1.4
Fail
—
1.5
Fail
4.0
AA Large
1.4
Fail
2.1
Fail
1.5
Fail
—
5.8
AA
1.0
Fail
2.8
Fail
4.0
AA Large
5.8
AA
—
5.7
AA
2.0
Fail
1.4
Fail
1.0
Fail
5.7
AA
—
White BG
3.3AA Large
2.3Fail
1.6Fail
9.3AAA
1.6Fail
Black BG
6.3AA
9.0AAA
13.2AAA
2.3Fail
12.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

7D7D99
9F9FB0
C8C8C9
56541D
DFDFB4

Deuteranopia

7A7798
9E9BB0
C7C6C9
5E681C
E3E7B4

Tritanopia

6D9797
94B0B0
C2CBCB
8A1817
F7B6B6

Achromatopsia

888888
A7A7A7
CBCBCB
343434
CDCDCD

Shades & Tints Shades & Tints

#6B949A

Dark
Light

#93AFB0

Dark
Light

#C1D1C6

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #6b949a;
  --color-2: #93afb0;
  --color-3: #c1d1c6;
  --color-4: #910824;
  --color-5: #fabcb1;
}

SCSS

$color-1: #6b949a;
$color-2: #93afb0;
$color-3: #c1d1c6;
$color-4: #910824;
$color-5: #fabcb1;

TAILWIND

colors: {
  'brand-1': '#6b949a',
  'brand-2': '#93afb0',
  'brand-3': '#c1d1c6',
  'brand-4': '#910824',
  'brand-5': '#fabcb1',
}

RGB Array

[107, 148, 154], [147, 175, 176], [193, 209, 198], [145, 8, 36], [250, 188, 177]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #6B949A, #93AFB0, #C1D1C6, #910824, #FABCB1 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: #6b949a; --color-2: #93afb0; --color-3: #c1d1c6; --color-4: #910824; --color-5: #fabcb1. 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 pastel-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