#CCAB90 + #E1C0AC + #F2E2D7 + #E1ABAC + #E1ABCE · space - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#CCAB90

Apricot · Tan · Warm Sun

HEX

#CCAB90

RGB

rgb(204, 171, 144)

HSL

hsl(27, 37%, 68%)

HSB

hsb(27, 29%, 80%)

CMYK

cmyk(0%, 16%, 29%, 20%)

Oklch

oklch(76.3% 0.054 61.2)

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

#E1C0AC

Apricot · Wheat · Peach Orange

HEX

#E1C0AC

RGB

rgb(225, 192, 172)

HSL

hsl(23, 47%, 78%)

HSB

hsb(23, 24%, 88%)

CMYK

cmyk(0%, 15%, 24%, 12%)

Oklch

oklch(83.1% 0.047 53.1)

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

#F2E2D7

Apricot · Beige · Peach Orange

HEX

#F2E2D7

RGB

rgb(242, 226, 215)

HSL

hsl(24, 51%, 90%)

HSB

hsb(24, 11%, 95%)

CMYK

cmyk(0%, 7%, 11%, 5%)

Oklch

oklch(92.3% 0.023 56.9)

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

#E1ABAC

Peach Pink · Tan · Coral Red

HEX

#E1ABAC

RGB

rgb(225, 171, 172)

HSL

hsl(359, 47%, 78%)

HSB

hsb(359, 24%, 88%)

CMYK

cmyk(0%, 24%, 24%, 12%)

Oklch

oklch(79.1% 0.064 17.4)

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

#E1ABCE

Mauve · LightPink · Cherry Blossom

HEX

#E1ABCE

RGB

rgb(225, 171, 206)

HSL

hsl(321, 47%, 78%)

HSB

hsb(321, 24%, 88%)

CMYK

cmyk(0%, 24%, 8%, 12%)

Oklch

oklch(80.1% 0.078 340.0)

Traditional「Mauve」· Paint「Cherry Blossom」· Creative Rose Petal

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

CCAB90

8FB0CC

Analogous

CC8F92

CCAB90

CCC98F

Triadic

CCAB90

8FCCAA

AA8FCC

Split-Comp.

CCAB90

8FCCC9

8F92CC

Tetradic

CCAB90

92CC8F

8FB0CC

C98FCC

Contrast Matrix WCAG 2.1 Contrast

CCAB90	E1C0AC	F2E2D7	E1ABAC	E1ABCE
—	1.3 Fail	1.7 Fail	1.1 Fail	1.1 Fail
1.3 Fail	—	1.3 Fail	1.2 Fail	1.1 Fail
1.7 Fail	1.3 Fail	—	1.6 Fail	1.5 Fail
1.1 Fail	1.2 Fail	1.6 Fail	—	1.0 Fail
1.1 Fail	1.1 Fail	1.5 Fail	1.0 Fail	—

White BG

2.1Fail

1.7Fail

1.3Fail

2.0Fail

1.9Fail

Black BG

9.8AAA

12.3AAA

16.6AAA

10.6AAA

10.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

BEBD97

D3D2B1

EBEBDA

CAC9AC

CAC9C6

Deuteranopia

C0C298

D5D7B2

ECEDDA

CDD1AC

CDD1C4

Tritanopia

CA9C9D

DFB5B6

F1DCDC

DEACAC

DEBFBD

Achromatopsia

B2B2B2

C8C8C8

E6E6E6

BBBBBB

BFBFBF

Shades & Tints Shades & Tints

#CCAB90

Dark

Light

#E1C0AC

Dark

Light

#F2E2D7

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ccab90;
  --color-2: #e1c0ac;
  --color-3: #f2e2d7;
  --color-4: #e1abac;
  --color-5: #e1abce;
}

SCSS

$color-1: #ccab90;
$color-2: #e1c0ac;
$color-3: #f2e2d7;
$color-4: #e1abac;
$color-5: #e1abce;

TAILWIND

colors: {
  'brand-1': '#ccab90',
  'brand-2': '#e1c0ac',
  'brand-3': '#f2e2d7',
  'brand-4': '#e1abac',
  'brand-5': '#e1abce',
}

RGB Array

[204, 171, 144], [225, 192, 172], [242, 226, 215], [225, 171, 172], [225, 171, 206]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This space-style palette of #CCAB90, #E1C0AC, #F2E2D7, #E1ABAC, #E1ABCE 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: #ccab90; --color-2: #e1c0ac; --color-3: #f2e2d7; --color-4: #e1abac; --color-5: #e1abce. 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 space-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