← Back to Editor

#D8B9B1 · #FFBDBD · #91B0B8 · #1692A1 · #102F4B

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 LibraryData Visualization

Color Details Color Details

#D8B9B1

Peach Pink · Silver · Coral Red

HEX
#D8B9B1
RGB
rgb(216, 185, 177)
HSL
hsl(12, 33%, 77%)
HSB
hsb(12, 18%, 85%)
CMYK
cmyk(0%, 14%, 18%, 15%)
Oklch
oklch(81.0% 0.038 34.8)

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

#FFBDBD

Peach Pink · LightPink · Cherry Blossom

HEX
#FFBDBD
RGB
rgb(255, 189, 189)
HSL
hsl(0, 100%, 87%)
HSB
hsb(0, 26%, 100%)
CMYK
cmyk(0%, 26%, 26%, 0%)
Oklch
oklch(85.9% 0.076 18.8)

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

#91B0B8

Sky Blue · DarkGray · Lake Green

HEX
#91B0B8
RGB
rgb(145, 176, 184)
HSL
hsl(192, 22%, 65%)
HSB
hsb(192, 21%, 72%)
CMYK
cmyk(21%, 4%, 0%, 28%)
Oklch
oklch(73.7% 0.036 215.1)

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

#1692A1

Lake Blue · LightSeaGreen · Mint Ice

HEX
#1692A1
RGB
rgb(22, 146, 161)
HSL
hsl(186, 76%, 36%)
HSB
hsb(186, 86%, 63%)
CMYK
cmyk(86%, 9%, 0%, 37%)
Oklch
oklch(60.5% 0.100 208.1)

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

#102F4B

Lake Blue · MidnightBlue · Deep Sea Blue

HEX
#102F4B
RGB
rgb(16, 47, 75)
HSL
hsl(208, 65%, 18%)
HSB
hsb(208, 79%, 29%)
CMYK
cmyk(79%, 37%, 0%, 71%)
Oklch
oklch(29.8% 0.063 248.8)

Traditional「Lake Blue」· Paint「Deep Sea Blue」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D8B9B1
B1D0D8

Analogous

D8B1BD
D8B9B1
D8CCB1

Triadic

D8B9B1
B1D8B9
B9B1D8

Split-Comp.

D8B9B1
B1D8CC
B1BDD8

Tetradic

D8B9B1
BDD8B1
B1D0D8
CCB1D8

Contrast Matrix WCAG 2.1 Contrast

D8B9B1
FFBDBD
91B0B8
1692A1
102F4B
—
1.2
Fail
1.3
Fail
2.0
Fail
7.5
AAA
1.2
Fail
—
1.5
Fail
2.3
Fail
8.7
AAA
1.3
Fail
1.5
Fail
—
1.6
Fail
6.0
AA
2.0
Fail
2.3
Fail
1.6
Fail
—
3.7
AA Large
7.5
AAA
8.7
AAA
6.0
AA
3.7
AA Large
—
White BG
1.8Fail
1.6Fail
2.3Fail
3.7AA Large
13.7AAA
Black BG
11.5AAA
13.3AAA
9.1AAA
5.7AA
1.5Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

CBCAB3
E2E2BD
9E9FB6
4C4D9D
1D1E44

Deuteranopia

CCCFB3
E6EBBD
9D9AB6
453B9D
1C1943

Tritanopia

D6B4B5
FCBDBD
93B5B4
1C9B9A
123F3E

Achromatopsia

C1C1C1
D1D1D1
A8A8A8
6F6F6F
292929

Shades & Tints Shades & Tints

#D8B9B1

Dark
Light

#FFBDBD

Dark
Light

#91B0B8

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d8b9b1;
  --color-2: #ffbdbd;
  --color-3: #91b0b8;
  --color-4: #1692a1;
  --color-5: #102f4b;
}

SCSS

$color-1: #d8b9b1;
$color-2: #ffbdbd;
$color-3: #91b0b8;
$color-4: #1692a1;
$color-5: #102f4b;

TAILWIND

colors: {
  'brand-1': '#d8b9b1',
  'brand-2': '#ffbdbd',
  'brand-3': '#91b0b8',
  'brand-4': '#1692a1',
  'brand-5': '#102f4b',
}

RGB Array

[216, 185, 177], [255, 189, 189], [145, 176, 184], [22, 146, 161], [16, 47, 75]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #D8B9B1, #FFBDBD, #91B0B8, #1692A1, #102F4B 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: #d8b9b1; --color-2: #ffbdbd; --color-3: #91b0b8; --color-4: #1692a1; --color-5: #102f4b. 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 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