← Back to Editor

#68ABBB · #82AAB2 · #A6AEA3 · #B1B5A7 · #C1BCA8

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 PostIllustration

Color Details Color Details

#68ABBB

Slate Blue · CadetBlue · Lake Green

HEX
#68ABBB
RGB
rgb(104, 171, 187)
HSL
hsl(192, 38%, 57%)
HSB
hsb(192, 44%, 73%)
CMYK
cmyk(44%, 9%, 0%, 27%)
Oklch
oklch(70.2% 0.072 214.7)

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

#82AAB2

Slate Blue · DarkGray · Lake Green

HEX
#82AAB2
RGB
rgb(130, 170, 178)
HSL
hsl(190, 24%, 60%)
HSB
hsb(190, 27%, 70%)
CMYK
cmyk(27%, 4%, 0%, 30%)
Oklch
oklch(71.2% 0.045 211.2)

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

#A6AEA3

Ash · DarkGray · Silver Sand

HEX
#A6AEA3
RGB
rgb(166, 174, 163)
HSL
hsl(104, 6%, 66%)
HSB
hsb(104, 6%, 68%)
CMYK
cmyk(5%, 0%, 6%, 32%)
Oklch
oklch(74.1% 0.018 137.0)

Traditional「Ash」· Paint「Silver Sand」· Creative Urban Concrete

#B1B5A7

Willow Green · DarkGray · Silver Sand

HEX
#B1B5A7
RGB
rgb(177, 181, 167)
HSL
hsl(77, 9%, 68%)
HSB
hsb(77, 8%, 71%)
CMYK
cmyk(2%, 0%, 8%, 29%)
Oklch
oklch(76.6% 0.020 119.9)

Traditional「Willow Green」· Paint「Silver Sand」· Creative Urban Concrete

#C1BCA8

Goose Yellow · Silver · Sunflower

HEX
#C1BCA8
RGB
rgb(193, 188, 168)
HSL
hsl(48, 17%, 71%)
HSB
hsb(48, 13%, 76%)
CMYK
cmyk(0%, 3%, 13%, 24%)
Oklch
oklch(79.4% 0.028 95.4)

Traditional「Goose Yellow」· Paint「Sunflower」· Creative Lemon Fizz

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

68ABBB
BB7868

Analogous

68BBA2
68ABBB
6881BB

Triadic

68ABBB
BB68AA
AABB68

Split-Comp.

68ABBB
BB6881
BBA268

Tetradic

68ABBB
A268BB
BB7868
81BB68

Contrast Matrix WCAG 2.1 Contrast

68ABBB
82AAB2
A6AEA3
B1B5A7
C1BCA8
—
1.0
Fail
1.1
Fail
1.2
Fail
1.4
Fail
1.0
Fail
—
1.1
Fail
1.2
Fail
1.3
Fail
1.1
Fail
1.1
Fail
—
1.1
Fail
1.2
Fail
1.2
Fail
1.2
Fail
1.1
Fail
—
1.1
Fail
1.4
Fail
1.3
Fail
1.2
Fail
1.1
Fail
—
White BG
2.6Fail
2.5Fail
2.3Fail
2.1Fail
1.9Fail
Black BG
8.1AAA
8.3AAA
9.2AAA
10.0AAA
11.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

8586B7
9394B0
A9AAA6
B3B3AA
BFBFAD

Deuteranopia

817CB6
918EB0
A9A8A6
B3B2AB
BFC0AE

Tritanopia

6BB4B3
84AFAE
A6A8A8
B1ADAE
C1B1B2

Achromatopsia

999999
9F9F9F
AAAAAA
B2B2B2
BBBBBB

Shades & Tints Shades & Tints

#68ABBB

Dark
Light

#82AAB2

Dark
Light

#A6AEA3

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #68abbb;
  --color-2: #82aab2;
  --color-3: #a6aea3;
  --color-4: #b1b5a7;
  --color-5: #c1bca8;
}

SCSS

$color-1: #68abbb;
$color-2: #82aab2;
$color-3: #a6aea3;
$color-4: #b1b5a7;
$color-5: #c1bca8;

TAILWIND

colors: {
  'brand-1': '#68abbb',
  'brand-2': '#82aab2',
  'brand-3': '#a6aea3',
  'brand-4': '#b1b5a7',
  'brand-5': '#c1bca8',
}

RGB Array

[104, 171, 187], [130, 170, 178], [166, 174, 163], [177, 181, 167], [193, 188, 168]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #68ABBB, #82AAB2, #A6AEA3, #B1B5A7, #C1BCA8 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: #68abbb; --color-2: #82aab2; --color-3: #a6aea3; --color-4: #b1b5a7; --color-5: #c1bca8. 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 pastel-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