#B0715F + #F67C7B + #D6A9BD + #F4D8CD + #90C1C5 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#B0715F

Crimson · Gray · Passion Red

HEX

#B0715F

RGB

rgb(176, 113, 95)

HSL

hsl(13, 34%, 53%)

HSB

hsb(13, 46%, 69%)

CMYK

cmyk(0%, 36%, 46%, 31%)

Oklch

oklch(61.1% 0.085 36.7)

Traditional「Crimson」· Paint「Passion Red」· Creative Blush Sunrise

#F67C7B

Peach Pink · LightCoral · Coral Red

HEX

#F67C7B

RGB

rgb(246, 124, 123)

HSL

hsl(0, 87%, 72%)

HSB

hsb(0, 50%, 96%)

CMYK

cmyk(0%, 50%, 50%, 4%)

Oklch

oklch(72.6% 0.150 22.0)

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

#D6A9BD

Rouge · Silver · Rose Pink

HEX

#D6A9BD

RGB

rgb(214, 169, 189)

HSL

hsl(333, 35%, 75%)

HSB

hsb(333, 21%, 84%)

CMYK

cmyk(0%, 21%, 12%, 16%)

Oklch

oklch(78.1% 0.059 350.1)

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

#F4D8CD

Apricot · Bisque · Peach Orange

HEX

#F4D8CD

RGB

rgb(244, 216, 205)

HSL

hsl(17, 64%, 88%)

HSB

hsb(17, 16%, 96%)

CMYK

cmyk(0%, 11%, 16%, 4%)

Oklch

oklch(90.2% 0.035 42.7)

Traditional「Apricot」· Paint「Peach Orange」· Creative Honey Glow

#90C1C5

Sky Blue · LightSteelBlue · Lake Green

HEX

#90C1C5

RGB

rgb(144, 193, 197)

HSL

hsl(185, 31%, 67%)

HSB

hsb(185, 27%, 77%)

CMYK

cmyk(27%, 2%, 0%, 23%)

Oklch

oklch(77.8% 0.052 202.4)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

B0715F

5E9EB0

Analogous

B05E75

B0715F

B0995E

Triadic

B0715F

5EB070

705EB0

Split-Comp.

B0715F

5EB099

5E75B0

Tetradic

B0715F

75B05E

5E9EB0

995EB0

Contrast Matrix WCAG 2.1 Contrast

B0715F	F67C7B	D6A9BD	F4D8CD	90C1C5
—	1.5 Fail	1.9 Fail	2.9 Fail	2.0 Fail
1.5 Fail	—	1.3 Fail	1.9 Fail	1.3 Fail
1.9 Fail	1.3 Fail	—	1.5 Fail	1.0 Fail
2.9 Fail	1.9 Fail	1.5 Fail	—	1.5 Fail
2.0 Fail	1.3 Fail	1.0 Fail	1.5 Fail	—

White BG

3.9AA Large

2.6Fail

2.0Fail

1.4Fail

2.0Fail

Black BG

5.4AA

8.1AAA

10.3AAA

15.6AAA

10.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

959463

C1C07B

C3C2B8

E8E8D0

A5A6C4

Deuteranopia

989D64

C8D17B

C5C8B7

EAECD0

A29FC4

Tritanopia

AD6768

F07B7B

D4B4B4

F3D2D2

92C3C3

Achromatopsia

828282

A0A0A0

B9B9B9

DFDFDF

B3B3B3

Shades & Tints Shades & Tints

#B0715F

Dark

Light

#F67C7B

Dark

Light

#D6A9BD

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #b0715f;
  --color-2: #f67c7b;
  --color-3: #d6a9bd;
  --color-4: #f4d8cd;
  --color-5: #90c1c5;
}

SCSS

$color-1: #b0715f;
$color-2: #f67c7b;
$color-3: #d6a9bd;
$color-4: #f4d8cd;
$color-5: #90c1c5;

TAILWIND

colors: {
  'brand-1': '#b0715f',
  'brand-2': '#f67c7b',
  'brand-3': '#d6a9bd',
  'brand-4': '#f4d8cd',
  'brand-5': '#90c1c5',
}

RGB Array

[176, 113, 95], [246, 124, 123], [214, 169, 189], [244, 216, 205], [144, 193, 197]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #B0715F, #F67C7B, #D6A9BD, #F4D8CD, #90C1C5 is ideal for: health products, baby brands, fresh-style blogs. 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: #b0715f; --color-2: #f67c7b; --color-3: #d6a9bd; --color-4: #f4d8cd; --color-5: #90c1c5. 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?

Light tones suit backgrounds; use dark colors for body text. Mid-tones work for card backgrounds or dividers to add depth. 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