← Back to Editor

#907AFF · #826CF0 · #825EF7 · #181618 · #DBCF9F

cool

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

#907AFF

Wisteria · MediumSlateBlue · Cobalt Blue

HEX
#907AFF
RGB
rgb(144, 122, 255)
HSL
hsl(250, 100%, 74%)
HSB
hsb(250, 52%, 100%)
CMYK
cmyk(44%, 52%, 0%, 0%)
Oklch
oklch(66.3% 0.190 287.7)

Traditional「Wisteria」· Paint「Cobalt Blue」· Creative Lavender Dream

#826CF0

Wisteria · MediumSlateBlue · Cobalt Blue

HEX
#826CF0
RGB
rgb(130, 108, 240)
HSL
hsl(250, 81%, 68%)
HSB
hsb(250, 55%, 94%)
CMYK
cmyk(46%, 55%, 0%, 6%)
Oklch
oklch(61.8% 0.191 287.1)

Traditional「Wisteria」· Paint「Cobalt Blue」· Creative Lavender Dream

#825EF7

Wisteria · MediumSlateBlue · Cobalt Blue

HEX
#825EF7
RGB
rgb(130, 94, 247)
HSL
hsl(254, 91%, 67%)
HSB
hsb(254, 62%, 97%)
CMYK
cmyk(47%, 62%, 0%, 3%)
Oklch
oklch(60.1% 0.218 289.0)

Traditional「Wisteria」· Paint「Cobalt Blue」· Creative Lavender Dream

#181618

Ink Black · Black · Jet Black

HEX
#181618
RGB
rgb(24, 22, 24)
HSL
hsl(300, 4%, 9%)
HSB
hsb(300, 8%, 9%)
CMYK
cmyk(0%, 8%, 0%, 91%)
Oklch
oklch(20.3% 0.005 325.8)

Traditional「Ink Black」· Paint「Jet Black」· Creative Midnight Shadow

#DBCF9F

Goose Yellow · BurlyWood · Sunflower

HEX
#DBCF9F
RGB
rgb(219, 207, 159)
HSL
hsl(48, 45%, 74%)
HSB
hsb(48, 27%, 86%)
CMYK
cmyk(0%, 5%, 27%, 14%)
Oklch
oklch(85.2% 0.065 95.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

907AFF
E9FF7A

Analogous

7AA7FF
907AFF
D37AFF

Triadic

907AFF
FF917A
7AFF90

Split-Comp.

907AFF
FFD37A
A7FF7A

Tetradic

907AFF
FF7AA7
E9FF7A
7AFFD3

Contrast Matrix WCAG 2.1 Contrast

907AFF
826CF0
825EF7
181618
DBCF9F
—
1.2
Fail
1.3
Fail
5.5
AA
2.1
Fail
1.2
Fail
—
1.1
Fail
4.6
AA
2.5
Fail
1.3
Fail
1.1
Fail
—
4.2
AA Large
2.7
Fail
5.5
AA
4.6
AA
4.2
AA Large
—
11.5
AAA
2.1
Fail
2.5
Fail
2.7
Fail
11.5
AAA
—
White BG
3.3AA Large
3.9AA Large
4.3AA Large
18.0AAA
1.6Fail
Black BG
6.4AA
5.4AA
4.9AA
1.2Fail
13.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

8686DF
7878D0
7272D2
171718
D6D6AB

Deuteranopia

8889D7
7A7BC8
7577C9
171717
D7D7AD

Tritanopia

8FC5C0
81B7B1
80B5AE
181717
DAB4B6

Achromatopsia

909090
828282
7A7A7A
171717
CDCDCD

Shades & Tints Shades & Tints

#907AFF

Dark
Light

#826CF0

Dark
Light

#825EF7

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #907aff;
  --color-2: #826cf0;
  --color-3: #825ef7;
  --color-4: #181618;
  --color-5: #dbcf9f;
}

SCSS

$color-1: #907aff;
$color-2: #826cf0;
$color-3: #825ef7;
$color-4: #181618;
$color-5: #dbcf9f;

TAILWIND

colors: {
  'brand-1': '#907aff',
  'brand-2': '#826cf0',
  'brand-3': '#825ef7',
  'brand-4': '#181618',
  'brand-5': '#dbcf9f',
}

RGB Array

[144, 122, 255], [130, 108, 240], [130, 94, 247], [24, 22, 24], [219, 207, 159]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This cool-style palette of #907AFF, #826CF0, #825EF7, #181618, #DBCF9F 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: #907aff; --color-2: #826cf0; --color-3: #825ef7; --color-4: #181618; --color-5: #dbcf9f. 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 cool-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