← Back to Editor

#251A06 · #753D96 · #8483BD · #8599CC · #72CBF3

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#251A06

Ochre · Black · Cinnamon

HEX
#251A06
RGB
rgb(37, 26, 6)
HSL
hsl(39, 72%, 8%)
HSB
hsb(39, 84%, 15%)
CMYK
cmyk(0%, 30%, 84%, 85%)
Oklch
oklch(22.6% 0.037 80.5)

Traditional「Ochre」· Paint「Cinnamon」· Creative Blush Sunrise

#753D96

Dark Plum · DarkSlateBlue · Violet

HEX
#753D96
RGB
rgb(117, 61, 150)
HSL
hsl(278, 42%, 41%)
HSB
hsb(278, 59%, 59%)
CMYK
cmyk(22%, 59%, 0%, 41%)
Oklch
oklch(47.1% 0.146 311.1)

Traditional「Dark Plum」· Paint「Violet」· Creative Blush Sunrise

#8483BD

Wisteria · LightSlateGray · Cobalt Blue

HEX
#8483BD
RGB
rgb(132, 131, 189)
HSL
hsl(241, 31%, 63%)
HSB
hsb(241, 31%, 74%)
CMYK
cmyk(30%, 31%, 0%, 26%)
Oklch
oklch(63.4% 0.086 284.4)

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

#8599CC

Azure · CornflowerBlue · Cobalt Blue

HEX
#8599CC
RGB
rgb(133, 153, 204)
HSL
hsl(223, 41%, 66%)
HSB
hsb(223, 35%, 80%)
CMYK
cmyk(35%, 25%, 0%, 20%)
Oklch
oklch(68.7% 0.079 267.8)

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

#72CBF3

Sky Blue · LightSkyBlue · Lake Green

HEX
#72CBF3
RGB
rgb(114, 203, 243)
HSL
hsl(199, 84%, 70%)
HSB
hsb(199, 53%, 95%)
CMYK
cmyk(53%, 16%, 0%, 5%)
Oklch
oklch(80.1% 0.103 229.1)

Traditional「Sky Blue」· Paint「Lake Green」· Creative Arctic Pool

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

251A06
061023

Analogous

230A06
251A06
1F2306

Triadic

251A06
062319
190623

Split-Comp.

251A06
061F23
0A0623

Tetradic

251A06
06230A
061023
23061F

Contrast Matrix WCAG 2.1 Contrast

251A06
753D96
8483BD
8599CC
72CBF3
—
2.3
Fail
4.9
AA
6.0
AA
9.4
AAA
2.3
Fail
—
2.1
Fail
2.6
Fail
4.0
AA Large
4.9
AA
2.1
Fail
—
1.2
Fail
1.9
Fail
6.0
AA
2.6
Fail
1.2
Fail
—
1.6
Fail
9.4
AAA
4.0
AA Large
1.9
Fail
1.6
Fail
—
White BG
17.1AAA
7.3AAA
3.5AA Large
2.8Fail
1.8Fail
Black BG
1.2Fail
2.9Fail
6.0AA
7.4AAA
11.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

20200B
5D5C80
8484AF
8E8EC0
9999E9

Deuteranopia

21220C
60647B
8484AC
8D8BBD
938DE7

Tritanopia

240F10
726F6C
84A4A1
86B6B4
76E2E0

Achromatopsia

1B1B1B
585858
8A8A8A
999999
B5B5B5

Shades & Tints Shades & Tints

#251A06

Dark
Light

#753D96

Dark
Light

#8483BD

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #251a06;
  --color-2: #753d96;
  --color-3: #8483bd;
  --color-4: #8599cc;
  --color-5: #72cbf3;
}

SCSS

$color-1: #251a06;
$color-2: #753d96;
$color-3: #8483bd;
$color-4: #8599cc;
$color-5: #72cbf3;

TAILWIND

colors: {
  'brand-1': '#251a06',
  'brand-2': '#753d96',
  'brand-3': '#8483bd',
  'brand-4': '#8599cc',
  'brand-5': '#72cbf3',
}

RGB Array

[37, 26, 6], [117, 61, 150], [132, 131, 189], [133, 153, 204], [114, 203, 243]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #251A06, #753D96, #8483BD, #8599CC, #72CBF3 is ideal for: infographics, data visualization, accessible design. High contrast ensures clear visual hierarchy and readability. It is a balanced and harmonious choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #251a06; --color-2: #753d96; --color-3: #8483bd; --color-4: #8599cc; --color-5: #72cbf3. 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 tech, SaaS, healthcare, eco industries. 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