← Back to Editor

#A5CDFE · #F6D0A1 · #CA6855 · #FF940E · #405CD6

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarmCool

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial App

Color Details Color Details

#A5CDFE

Azure · LightBlue · Sky Blue

HEX
#A5CDFE
RGB
rgb(165, 205, 254)
HSL
hsl(213, 98%, 82%)
HSB
hsb(213, 35%, 100%)
CMYK
cmyk(35%, 19%, 0%, 0%)
Oklch
oklch(83.7% 0.081 253.8)

Traditional「Azure」· Paint「Sky Blue」· Creative Twilight Haze

#F6D0A1

Goose Yellow · Wheat · Peach Orange

HEX
#F6D0A1
RGB
rgb(246, 208, 161)
HSL
hsl(33, 83%, 80%)
HSB
hsb(33, 35%, 96%)
CMYK
cmyk(0%, 15%, 35%, 4%)
Oklch
oklch(87.9% 0.075 72.5)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

#CA6855

Crimson · Tomato · Passion Red

HEX
#CA6855
RGB
rgb(202, 104, 85)
HSL
hsl(10, 52%, 56%)
HSB
hsb(10, 58%, 79%)
CMYK
cmyk(0%, 49%, 58%, 21%)
Oklch
oklch(62.8% 0.129 32.3)

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

#FF940E

Ginger · Orange · Warm Sun

HEX
#FF940E
RGB
rgb(255, 148, 14)
HSL
hsl(33, 100%, 53%)
HSB
hsb(33, 95%, 100%)
CMYK
cmyk(0%, 42%, 95%, 0%)
Oklch
oklch(76.4% 0.174 61.5)

Traditional「Ginger」· Paint「Warm Sun」· Creative Blush Sunrise

#405CD6

Azure · SlateBlue · Navy Blue

HEX
#405CD6
RGB
rgb(64, 92, 214)
HSL
hsl(229, 65%, 55%)
HSB
hsb(229, 70%, 84%)
CMYK
cmyk(70%, 57%, 0%, 16%)
Oklch
oklch(52.6% 0.190 269.1)

Traditional「Azure」· Paint「Navy Blue」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

A5CDFE
FED6A4

Analogous

A4FAFE
A5CDFE
A9A4FE

Triadic

A5CDFE
FEA4CD
CDFEA4

Split-Comp.

A5CDFE
FEA9A4
FAFEA4

Tetradic

A5CDFE
FEA4FA
FED6A4
A4FEA9

Contrast Matrix WCAG 2.1 Contrast

A5CDFE
F6D0A1
CA6855
FF940E
405CD6
—
1.1
Fail
2.3
Fail
1.3
Fail
3.4
AA Large
1.1
Fail
—
2.6
Fail
1.5
Fail
3.9
AA Large
2.3
Fail
2.6
Fail
—
1.7
Fail
1.5
Fail
1.3
Fail
1.5
Fail
1.7
Fail
—
2.6
Fail
3.4
AA Large
3.9
AA Large
1.5
Fail
2.6
Fail
—
White BG
1.6Fail
1.5Fail
3.7AA Large
2.2Fail
5.6AA
Black BG
12.8AAA
14.5AAA
5.6AA
9.5AAA
3.7AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

B6B7F2
E6E5AC
A09F5A
D1D02E
4C4CB8

Deuteranopia

B4B1EF
E8EBAF
A5AD5B
D7DF36
4B48B1

Tritanopia

A7E9E7
F4B5B7
C55D5E
FA484E
41A19C

Achromatopsia

C7C7C7
D6D6D6
838383
A5A5A5
626262

Shades & Tints Shades & Tints

#A5CDFE

Dark
Light

#F6D0A1

Dark
Light

#CA6855

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #a5cdfe;
  --color-2: #f6d0a1;
  --color-3: #ca6855;
  --color-4: #ff940e;
  --color-5: #405cd6;
}

SCSS

$color-1: #a5cdfe;
$color-2: #f6d0a1;
$color-3: #ca6855;
$color-4: #ff940e;
$color-5: #405cd6;

TAILWIND

colors: {
  'brand-1': '#a5cdfe',
  'brand-2': '#f6d0a1',
  'brand-3': '#ca6855',
  'brand-4': '#ff940e',
  'brand-5': '#405cd6',
}

RGB Array

[165, 205, 254], [246, 208, 161], [202, 104, 85], [255, 148, 14], [64, 92, 214]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #A5CDFE, #F6D0A1, #CA6855, #FF940E, #405CD6 is ideal for: social media posters, mobile apps, e-commerce promos, health products, baby brands, fresh-style blogs. Vivid colors effectively attract user attention. 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: #a5cdfe; --color-2: #f6d0a1; --color-3: #ca6855; --color-4: #ff940e; --color-5: #405cd6. 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 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