← Back to Editor

#AAC692 · #F5F4C6 · #F0B68D · #F06246 · #BD0B35

A 5-color palette 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

#AAC692

Celadon · DarkSeaGreen · Apple Green

HEX
#AAC692
RGB
rgb(170, 198, 146)
HSL
hsl(92, 31%, 67%)
HSB
hsb(92, 26%, 78%)
CMYK
cmyk(14%, 0%, 26%, 22%)
Oklch
oklch(79.2% 0.077 131.0)

Traditional「Celadon」· Paint「Apple Green」· Creative Mint Breeze

#F5F4C6

Fresh Green · Bisque · Lemon Cream

HEX
#F5F4C6
RGB
rgb(245, 244, 198)
HSL
hsl(59, 70%, 87%)
HSB
hsb(59, 19%, 96%)
CMYK
cmyk(0%, 0%, 19%, 4%)
Oklch
oklch(95.6% 0.060 106.4)

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

#F0B68D

Apricot · BurlyWood · Warm Sun

HEX
#F0B68D
RGB
rgb(240, 182, 141)
HSL
hsl(25, 77%, 75%)
HSB
hsb(25, 41%, 94%)
CMYK
cmyk(0%, 24%, 41%, 6%)
Oklch
oklch(82.0% 0.087 56.4)

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

#F06246

Peach Pink · Tomato · Coral Red

HEX
#F06246
RGB
rgb(240, 98, 70)
HSL
hsl(10, 85%, 61%)
HSB
hsb(10, 71%, 94%)
CMYK
cmyk(0%, 59%, 71%, 6%)
Oklch
oklch(67.2% 0.181 33.0)

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

#BD0B35

Vermilion · FireBrick · Wine Red

HEX
#BD0B35
RGB
rgb(189, 11, 53)
HSL
hsl(346, 89%, 39%)
HSB
hsb(346, 94%, 74%)
CMYK
cmyk(0%, 94%, 72%, 26%)
Oklch
oklch(50.9% 0.200 18.8)

Traditional「Vermilion」· Paint「Wine Red」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

AAC692
AD91C5

Analogous

C3C591
AAC692
91C593

Triadic

AAC692
91A9C5
C591A9

Split-Comp.

AAC692
9391C5
C591C3

Tetradic

AAC692
91C3C5
AD91C5
C59391

Contrast Matrix WCAG 2.1 Contrast

AAC692
F5F4C6
F0B68D
F06246
BD0B35
—
1.7
Fail
1.1
Fail
1.7
Fail
3.4
AA Large
1.7
Fail
—
1.6
Fail
2.8
Fail
5.7
AA
1.1
Fail
1.6
Fail
—
1.8
Fail
3.6
AA Large
1.7
Fail
2.8
Fail
1.8
Fail
—
2.0
Fail
3.4
AA Large
5.7
AA
3.6
AA Large
2.0
Fail
—
White BG
1.9Fail
1.1Fail
1.8Fail
3.2AA Large
6.4AA
Black BG
11.2AAA
18.6AAA
11.8AAA
6.5AA
3.3AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

B6B69F
F5F5D1
D7D697
B3B14D
706E2B

Deuteranopia

B5B2A2
F5F5D4
DADF99
BBC54E
7A8828

Tritanopia

ABA9AB
F5DADC
ED9FA0
E95253
B42321

Achromatopsia

B8B8B8
EFEFEF
C3C3C3
898989
454545

Shades & Tints Shades & Tints

#AAC692

Dark
Light

#F5F4C6

Dark
Light

#F0B68D

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #aac692;
  --color-2: #f5f4c6;
  --color-3: #f0b68d;
  --color-4: #f06246;
  --color-5: #bd0b35;
}

SCSS

$color-1: #aac692;
$color-2: #f5f4c6;
$color-3: #f0b68d;
$color-4: #f06246;
$color-5: #bd0b35;

TAILWIND

colors: {
  'brand-1': '#aac692',
  'brand-2': '#f5f4c6',
  'brand-3': '#f0b68d',
  'brand-4': '#f06246',
  'brand-5': '#bd0b35',
}

RGB Array

[170, 198, 146], [245, 244, 198], [240, 182, 141], [240, 98, 70], [189, 11, 53]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #AAC692, #F5F4C6, #F0B68D, #F06246, #BD0B35 is ideal for: social media posters, mobile apps, e-commerce promos, health products, baby brands, fresh-style blogs, 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: #aac692; --color-2: #f5f4c6; --color-3: #f0b68d; --color-4: #f06246; --color-5: #bd0b35. 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. 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 general-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