← Back to Editor

#0951AF · #268C9F · #8FC6C1 · #DDDEC6 · #FB6C6C

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

#0951AF

Indigo · Teal · Prussian Blue

HEX
#0951AF
RGB
rgb(9, 81, 175)
HSL
hsl(214, 90%, 36%)
HSB
hsb(214, 95%, 69%)
CMYK
cmyk(95%, 54%, 0%, 31%)
Oklch
oklch(45.4% 0.164 258.4)

Traditional「Indigo」· Paint「Prussian Blue」· Creative Blush Sunrise

#268C9F

Lake Blue · SteelBlue · Mint Ice

HEX
#268C9F
RGB
rgb(38, 140, 159)
HSL
hsl(189, 61%, 39%)
HSB
hsb(189, 76%, 62%)
CMYK
cmyk(76%, 12%, 0%, 38%)
Oklch
oklch(59.2% 0.093 213.2)

Traditional「Lake Blue」· Paint「Mint Ice」· Creative Blush Sunrise

#8FC6C1

Jade · SkyBlue · Lake Green

HEX
#8FC6C1
RGB
rgb(143, 198, 193)
HSL
hsl(175, 33%, 67%)
HSB
hsb(175, 28%, 78%)
CMYK
cmyk(28%, 0%, 3%, 22%)
Oklch
oklch(78.7% 0.057 189.0)

Traditional「Jade」· Paint「Lake Green」· Creative Arctic Pool

#DDDEC6

Fresh Green · LightGray · Lemon Cream

HEX
#DDDEC6
RGB
rgb(221, 222, 198)
HSL
hsl(62, 27%, 82%)
HSB
hsb(62, 11%, 87%)
CMYK
cmyk(0%, 0%, 11%, 13%)
Oklch
oklch(89.3% 0.032 109.0)

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

#FB6C6C

Peach Pink · Salmon · Coral Red

HEX
#FB6C6C
RGB
rgb(251, 108, 108)
HSL
hsl(0, 95%, 70%)
HSB
hsb(0, 57%, 98%)
CMYK
cmyk(0%, 57%, 57%, 2%)
Oklch
oklch(70.7% 0.176 22.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

0951AF
AE6709

Analogous

09A3AE
0951AF
1409AE

Triadic

0951AF
AE0951
51AE09

Split-Comp.

0951AF
AE1409
A3AE09

Tetradic

0951AF
AE09A3
AE6709
09AE14

Contrast Matrix WCAG 2.1 Contrast

0951AF
268C9F
8FC6C1
DDDEC6
FB6C6C
—
1.9
Fail
3.9
AA Large
5.5
AA
2.7
Fail
1.9
Fail
—
2.1
Fail
2.9
Fail
1.4
Fail
3.9
AA Large
2.1
Fail
—
1.4
Fail
1.5
Fail
5.5
AA
2.9
Fail
1.4
Fail
—
2.1
Fail
2.7
Fail
1.4
Fail
1.5
Fail
2.1
Fail
—
White BG
7.5AAA
3.9AA Large
1.9Fail
1.4Fail
2.8Fail
Black BG
2.8Fail
5.3AA
11.0AAA
15.3AAA
7.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

282998
52539A
A7A7C2
DDDDCC
BDBC6C

Deuteranopia

241F93
4C4599
A4A0C3
DDDDCD
C5D06C

Tritanopia

0D8682
2B9796
92C3C3
DDD0D1
F46C6C

Achromatopsia

464646
707070
B5B5B5
DBDBDB
979797

Shades & Tints Shades & Tints

#0951AF

Dark
Light

#268C9F

Dark
Light

#8FC6C1

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #0951af;
  --color-2: #268c9f;
  --color-3: #8fc6c1;
  --color-4: #dddec6;
  --color-5: #fb6c6c;
}

SCSS

$color-1: #0951af;
$color-2: #268c9f;
$color-3: #8fc6c1;
$color-4: #dddec6;
$color-5: #fb6c6c;

TAILWIND

colors: {
  'brand-1': '#0951af',
  'brand-2': '#268c9f',
  'brand-3': '#8fc6c1',
  'brand-4': '#dddec6',
  'brand-5': '#fb6c6c',
}

RGB Array

[9, 81, 175], [38, 140, 159], [143, 198, 193], [221, 222, 198], [251, 108, 108]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #0951AF, #268C9F, #8FC6C1, #DDDEC6, #FB6C6C 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: #0951af; --color-2: #268c9f; --color-3: #8fc6c1; --color-4: #dddec6; --color-5: #fb6c6c. 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