← Back to Editor

#AC434A · #F65F4C · #FFC152 · #FFEFA5 · #664C57

sunset

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarm

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial AppData Visualization

Color Details Color Details

#AC434A

Crimson · Sienna · Passion Red

HEX
#AC434A
RGB
rgb(172, 67, 74)
HSL
hsl(356, 44%, 47%)
HSB
hsb(356, 61%, 67%)
CMYK
cmyk(0%, 61%, 57%, 33%)
Oklch
oklch(52.7% 0.138 19.2)

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

#F65F4C

Peach Pink · Tomato · Coral Red

HEX
#F65F4C
RGB
rgb(246, 95, 76)
HSL
hsl(7, 90%, 63%)
HSB
hsb(7, 69%, 96%)
CMYK
cmyk(0%, 61%, 69%, 4%)
Oklch
oklch(67.8% 0.189 29.9)

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

#FFC152

Ginger · SandyBrown · Warm Sun

HEX
#FFC152
RGB
rgb(255, 193, 82)
HSL
hsl(38, 100%, 66%)
HSB
hsb(38, 68%, 100%)
CMYK
cmyk(0%, 24%, 68%, 0%)
Oklch
oklch(84.8% 0.144 79.0)

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

#FFEFA5

Goose Yellow · Wheat · Lemon Cream

HEX
#FFEFA5
RGB
rgb(255, 239, 165)
HSL
hsl(49, 100%, 82%)
HSB
hsb(49, 35%, 100%)
CMYK
cmyk(0%, 6%, 35%, 0%)
Oklch
oklch(94.8% 0.094 97.4)

Traditional「Goose Yellow」· Paint「Lemon Cream」· Creative Lemon Fizz

#664C57

Dark Violet · DimGray · Camellia

HEX
#664C57
RGB
rgb(102, 76, 87)
HSL
hsl(335, 15%, 35%)
HSB
hsb(335, 25%, 40%)
CMYK
cmyk(0%, 25%, 15%, 60%)
Oklch
oklch(44.8% 0.039 351.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

AC434A
43ADA6

Analogous

AD437F
AC434A
AD7143

Triadic

AC434A
4AAD43
434AAD

Split-Comp.

AC434A
43AD71
437FAD

Tetradic

AC434A
7FAD43
43ADA6
7143AD

Contrast Matrix WCAG 2.1 Contrast

AC434A
F65F4C
FFC152
FFEFA5
664C57
—
1.8
Fail
3.6
AA Large
5.0
AA
1.3
Fail
1.8
Fail
—
2.0
Fail
2.7
Fail
2.4
Fail
3.6
AA Large
2.0
Fail
—
1.4
Fail
4.8
AA
5.0
AA
2.7
Fail
1.4
Fail
—
6.6
AA
1.3
Fail
2.4
Fail
4.8
AA
6.6
AA
—
White BG
5.7AA
3.2AA Large
1.6Fail
1.2Fail
7.7AAA
Black BG
3.7AA Large
6.7AA
13.0AAA
18.1AAA
2.7Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

7F7E48
B5B351
E4E46D
F8F8B7
5B5B54

Deuteranopia

858D48
BDC952
E8EC73
F9FABB
5C5E54

Tritanopia

A74747
EE5455
FC8287
FEC5C8
655252

Achromatopsia

636363
8A8A8A
C7C7C7
EBEBEB
555555

Shades & Tints Shades & Tints

#AC434A

Dark
Light

#F65F4C

Dark
Light

#FFC152

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ac434a;
  --color-2: #f65f4c;
  --color-3: #ffc152;
  --color-4: #ffefa5;
  --color-5: #664c57;
}

SCSS

$color-1: #ac434a;
$color-2: #f65f4c;
$color-3: #ffc152;
$color-4: #ffefa5;
$color-5: #664c57;

TAILWIND

colors: {
  'brand-1': '#ac434a',
  'brand-2': '#f65f4c',
  'brand-3': '#ffc152',
  'brand-4': '#ffefa5',
  'brand-5': '#664c57',
}

RGB Array

[172, 67, 74], [246, 95, 76], [255, 193, 82], [255, 239, 165], [102, 76, 87]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sunset-style palette of #AC434A, #F65F4C, #FFC152, #FFEFA5, #664C57 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: #ac434a; --color-2: #f65f4c; --color-3: #ffc152; --color-4: #ffefa5; --color-5: #664c57. 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 sunset-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