← Back to Editor

#C0B19E · #FFB48F · #F68B7B · #F6464A · #911440

pastel

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

GentleSoothingSweetWarm

Industry INDUSTRY

Kids & BabyBeautyLifestyle

UI Context UI CONTEXT

E-commerceSocial PostIllustrationData Visualization

Color Details Color Details

#C0B19E

Ginger · Tan · Warm Sun

HEX
#C0B19E
RGB
rgb(192, 177, 158)
HSL
hsl(34, 21%, 69%)
HSB
hsb(34, 18%, 75%)
CMYK
cmyk(0%, 8%, 18%, 25%)
Oklch
oklch(76.8% 0.032 73.8)

Traditional「Ginger」· Paint「Warm Sun」· Creative Honey Glow

#FFB48F

Apricot · LightSalmon · Peach Orange

HEX
#FFB48F
RGB
rgb(255, 180, 143)
HSL
hsl(20, 100%, 78%)
HSB
hsb(20, 44%, 100%)
CMYK
cmyk(0%, 29%, 44%, 0%)
Oklch
oklch(83.2% 0.101 47.1)

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

#F68B7B

Peach Pink · LightCoral · Coral Red

HEX
#F68B7B
RGB
rgb(246, 139, 123)
HSL
hsl(8, 87%, 72%)
HSB
hsb(8, 50%, 96%)
CMYK
cmyk(0%, 43%, 50%, 4%)
Oklch
oklch(74.8% 0.133 29.5)

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

#F6464A

Peach Pink · Tomato · Coral Red

HEX
#F6464A
RGB
rgb(246, 70, 74)
HSL
hsl(359, 91%, 62%)
HSB
hsb(359, 72%, 96%)
CMYK
cmyk(0%, 72%, 70%, 4%)
Oklch
oklch(65.1% 0.212 24.2)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

#911440

Dark Violet · Brown · Camellia

HEX
#911440
RGB
rgb(145, 20, 64)
HSL
hsl(339, 76%, 32%)
HSB
hsb(339, 86%, 57%)
CMYK
cmyk(0%, 86%, 56%, 43%)
Oklch
oklch(43.1% 0.159 7.5)

Traditional「Dark Violet」· Paint「Camellia」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C0B19E
9FAEC1

Analogous

C1A29F
C0B19E
BEC19F

Triadic

C0B19E
9FC1B2
B29FC1

Split-Comp.

C0B19E
9FBEC1
A29FC1

Tetradic

C0B19E
9FC1A2
9FAEC1
C19FBE

Contrast Matrix WCAG 2.1 Contrast

C0B19E
FFB48F
F68B7B
F6464A
911440
—
1.2
Fail
1.1
Fail
1.7
Fail
4.2
AA Large
1.2
Fail
—
1.4
Fail
2.1
Fail
5.1
AA
1.1
Fail
1.4
Fail
—
1.5
Fail
3.7
AA Large
1.7
Fail
2.1
Fail
1.5
Fail
—
2.5
Fail
4.2
AA Large
5.1
AA
3.7
AA Large
2.5
Fail
—
White BG
2.1Fail
1.7Fail
2.4Fail
3.6AA Large
8.8AAA
Black BG
10.0AAA
12.2AAA
8.9AAA
5.9AA
2.4Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

BAB9A3
DFDE98
C8C77F
AAA849
5B5A35

Deuteranopia

BABBA4
E3E99A
CED680
B4C149
626C33

Tritanopia

BFA6A7
FB9FA1
F18283
ED4848
8B2D2B

Achromatopsia

B3B3B3
C6C6C6
A9A9A9
7B7B7B
3E3E3E

Shades & Tints Shades & Tints

#C0B19E

Dark
Light

#FFB48F

Dark
Light

#F68B7B

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c0b19e;
  --color-2: #ffb48f;
  --color-3: #f68b7b;
  --color-4: #f6464a;
  --color-5: #911440;
}

SCSS

$color-1: #c0b19e;
$color-2: #ffb48f;
$color-3: #f68b7b;
$color-4: #f6464a;
$color-5: #911440;

TAILWIND

colors: {
  'brand-1': '#c0b19e',
  'brand-2': '#ffb48f',
  'brand-3': '#f68b7b',
  'brand-4': '#f6464a',
  'brand-5': '#911440',
}

RGB Array

[192, 177, 158], [255, 180, 143], [246, 139, 123], [246, 70, 74], [145, 20, 64]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #C0B19E, #FFB48F, #F68B7B, #F6464A, #911440 is ideal for: social media posters, mobile apps, e-commerce promos, infographics, data visualization, accessible design. Vivid colors effectively attract user attention. High contrast ensures clear visual hierarchy and readability. It is a vibrant and energetic choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #c0b19e; --color-2: #ffb48f; --color-3: #f68b7b; --color-4: #f6464a; --color-5: #911440. 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 food & dining, entertainment, kids education, social industries. Bold colors convey vitality and innovation. 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