← Back to Editor

#A8CEDB · #86AFC3 · #00040D · #FD6190 · #FD82AE

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 AppData Visualization

Color Details Color Details

#A8CEDB

Sky Blue · LightSteelBlue · Glacier Blue

HEX
#A8CEDB
RGB
rgb(168, 206, 219)
HSL
hsl(195, 41%, 76%)
HSB
hsb(195, 23%, 86%)
CMYK
cmyk(23%, 6%, 0%, 14%)
Oklch
oklch(82.8% 0.044 220.6)

Traditional「Sky Blue」· Paint「Glacier Blue」· Creative Arctic Pool

#86AFC3

Sky Blue · DarkGray · Cobalt Blue

HEX
#86AFC3
RGB
rgb(134, 175, 195)
HSL
hsl(200, 34%, 65%)
HSB
hsb(200, 31%, 76%)
CMYK
cmyk(31%, 10%, 0%, 24%)
Oklch
oklch(73.1% 0.053 229.4)

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

#00040D

Indigo · Black · Deep Sea Blue

HEX
#00040D
RGB
rgb(0, 4, 13)
HSL
hsl(222, 100%, 3%)
HSB
hsb(222, 100%, 5%)
CMYK
cmyk(100%, 69%, 0%, 95%)
Oklch
oklch(10.5% 0.030 250.1)

Traditional「Indigo」· Paint「Deep Sea Blue」· Creative Blush Sunrise

#FD6190

Rouge · LightCoral · Rose Pink

HEX
#FD6190
RGB
rgb(253, 97, 144)
HSL
hsl(342, 98%, 69%)
HSB
hsb(342, 62%, 99%)
CMYK
cmyk(0%, 62%, 43%, 1%)
Oklch
oklch(70.5% 0.193 4.9)

Traditional「Rouge」· Paint「Rose Pink」· Creative Rose Petal

#FD82AE

Rouge · LightCoral · Rose Pink

HEX
#FD82AE
RGB
rgb(253, 130, 174)
HSL
hsl(339, 97%, 75%)
HSB
hsb(339, 49%, 99%)
CMYK
cmyk(0%, 49%, 31%, 1%)
Oklch
oklch(75.6% 0.156 358.8)

Traditional「Rouge」· Paint「Rose Pink」· Creative Rose Petal

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

A8CEDB
DBB5A9

Analogous

A9DBCE
A8CEDB
A9B5DB

Triadic

A8CEDB
DBA9CE
CEDBA9

Split-Comp.

A8CEDB
DBA9B5
DBCEA9

Tetradic

A8CEDB
CEA9DB
DBB5A9
B5DBA9

Contrast Matrix WCAG 2.1 Contrast

A8CEDB
86AFC3
00040D
FD6190
FD82AE
—
1.4
Fail
12.2
AAA
1.7
Fail
1.4
Fail
1.4
Fail
—
8.7
AAA
1.2
Fail
1.0
Fail
12.2
AAA
8.7
AAA
—
7.1
AAA
8.8
AAA
1.7
Fail
1.2
Fail
7.1
AAA
—
1.2
Fail
1.4
Fail
1.0
Fail
8.8
AAA
1.2
Fail
—
White BG
1.7Fail
2.4Fail
20.5AAA
2.9Fail
2.3Fail
Black BG
12.5AAA
8.9AAA
1.0Fail
7.3AAA
9.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

B8B9D8
9898BE
02020B
B9B885
C8C7A3

Deuteranopia

B6B3D7
9592BD
02010A
C3CE82
CFD8A1

Tritanopia

AAD5D5
88BABA
000909
F57C7A
F79B99

Achromatopsia

C4C4C4
A5A5A5
040404
959595
ACACAC

Shades & Tints Shades & Tints

#A8CEDB

Dark
Light

#86AFC3

Dark
Light

#00040D

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #a8cedb;
  --color-2: #86afc3;
  --color-3: #00040d;
  --color-4: #fd6190;
  --color-5: #fd82ae;
}

SCSS

$color-1: #a8cedb;
$color-2: #86afc3;
$color-3: #00040d;
$color-4: #fd6190;
$color-5: #fd82ae;

TAILWIND

colors: {
  'brand-1': '#a8cedb',
  'brand-2': '#86afc3',
  'brand-3': '#00040d',
  'brand-4': '#fd6190',
  'brand-5': '#fd82ae',
}

RGB Array

[168, 206, 219], [134, 175, 195], [0, 4, 13], [253, 97, 144], [253, 130, 174]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #A8CEDB, #86AFC3, #00040D, #FD6190, #FD82AE 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: #a8cedb; --color-2: #86afc3; --color-3: #00040d; --color-4: #fd6190; --color-5: #fd82ae. 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 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