#CACAA6 + #FFF182 + #FB9275 + #C46B59 + #A45572 · sunset - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#CACAA6

Fresh Green · Silver · Sunflower

HEX

#CACAA6

RGB

rgb(202, 202, 166)

HSL

hsl(60, 25%, 72%)

HSB

hsb(60, 18%, 79%)

CMYK

cmyk(0%, 0%, 18%, 21%)

Oklch

oklch(83.0% 0.048 107.4)

Traditional「Fresh Green」· Paint「Sunflower」· Creative Lemon Fizz

#FFF182

Fresh Green · Khaki · Sunflower

HEX

#FFF182

RGB

rgb(255, 241, 130)

HSL

hsl(53, 100%, 75%)

HSB

hsb(53, 49%, 100%)

CMYK

cmyk(0%, 5%, 49%, 0%)

Oklch

oklch(94.7% 0.133 102.2)

Traditional「Fresh Green」· Paint「Sunflower」· Creative Lemon Fizz

#FB9275

Peach Pink · LightSalmon · Coral Red

HEX

#FB9275

RGB

rgb(251, 146, 117)

HSL

hsl(13, 94%, 72%)

HSB

hsb(13, 53%, 98%)

CMYK

cmyk(0%, 42%, 53%, 2%)

Oklch

oklch(76.5% 0.134 36.3)

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

#C46B59

Crimson · Chocolate · Passion Red

HEX

#C46B59

RGB

rgb(196, 107, 89)

HSL

hsl(10, 48%, 56%)

HSB

hsb(10, 55%, 77%)

CMYK

cmyk(0%, 45%, 55%, 23%)

Oklch

oklch(62.5% 0.117 32.5)

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

#A45572

Dark Violet · Gray · Camellia

HEX

#A45572

RGB

rgb(164, 85, 114)

HSL

hsl(338, 32%, 49%)

HSB

hsb(338, 48%, 64%)

CMYK

cmyk(0%, 48%, 30%, 36%)

Oklch

oklch(55.3% 0.109 358.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

CACAA6

A6A6C9

Analogous

C9B8A6

CACAA6

B8C9A6

Triadic

CACAA6

A6C9C9

C9A6C9

Split-Comp.

CACAA6

A6B8C9

B8A6C9

Tetradic

CACAA6

A6C9B8

A6A6C9

C9A6B8

Contrast Matrix WCAG 2.1 Contrast

CACAA6	FFF182	FB9275	C46B59	A45572
—	1.5 Fail	1.3 Fail	2.2 Fail	3.0 AA Large
1.5 Fail	—	1.9 Fail	3.2 AA Large	4.4 AA Large
1.3 Fail	1.9 Fail	—	1.7 Fail	2.3 Fail
2.2 Fail	3.2 AA Large	1.7 Fail	—	1.4 Fail
3.0 AA Large	4.4 AA Large	2.3 Fail	1.4 Fail	—

White BG

1.7Fail

1.2Fail

2.2Fail

3.8AA Large

5.1AA

Black BG

12.5AAA

18.2AAA

9.5AAA

5.6AA

4.1AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

CACAAF

F9F99D

CECD7C

9D9D5D

82816B

Deuteranopia

CACAB1

FAFBA3

D4DC7E

A3A95E

868C69

Tritanopia

CAB6B7

FEB2B7

F68283

C06162

A06564

Achromatopsia

C6C6C6

E9E9E9

AEAEAE

848484

707070

Shades & Tints Shades & Tints

#CACAA6

Dark

Light

#FFF182

Dark

Light

#FB9275

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #cacaa6;
  --color-2: #fff182;
  --color-3: #fb9275;
  --color-4: #c46b59;
  --color-5: #a45572;
}

SCSS

$color-1: #cacaa6;
$color-2: #fff182;
$color-3: #fb9275;
$color-4: #c46b59;
$color-5: #a45572;

TAILWIND

colors: {
  'brand-1': '#cacaa6',
  'brand-2': '#fff182',
  'brand-3': '#fb9275',
  'brand-4': '#c46b59',
  'brand-5': '#a45572',
}

RGB Array

[202, 202, 166], [255, 241, 130], [251, 146, 117], [196, 107, 89], [164, 85, 114]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sunset-style palette of #CACAA6, #FFF182, #FB9275, #C46B59, #A45572 is ideal for: corporate websites, product showcases, portfolios. 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: #cacaa6; --color-2: #fff182; --color-3: #fb9275; --color-4: #c46b59; --color-5: #a45572. 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 sunset-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