← Back to Editor

#268C79 · #724671 · #BD0068 · #D90021 · #EB2F00

space

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

#268C79

Mineral Blue · SeaGreen · Mint Ice

HEX
#268C79
RGB
rgb(38, 140, 121)
HSL
hsl(169, 57%, 35%)
HSB
hsb(169, 73%, 55%)
CMYK
cmyk(73%, 0%, 14%, 45%)
Oklch
oklch(57.8% 0.096 177.4)

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

#724671

Rose Purple · DimGray · Eggplant

HEX
#724671
RGB
rgb(114, 70, 113)
HSL
hsl(301, 24%, 36%)
HSB
hsb(301, 39%, 45%)
CMYK
cmyk(0%, 39%, 1%, 55%)
Oklch
oklch(46.1% 0.087 327.7)

Traditional「Rose Purple」· Paint「Eggplant」· Creative Blush Sunrise

#BD0068

Rose Purple · MediumVioletRed · Camellia

HEX
#BD0068
RGB
rgb(189, 0, 104)
HSL
hsl(327, 100%, 37%)
HSB
hsb(327, 100%, 74%)
CMYK
cmyk(0%, 100%, 45%, 26%)
Oklch
oklch(51.9% 0.211 358.0)

Traditional「Rose Purple」· Paint「Camellia」· Creative Blush Sunrise

#D90021

Vermilion · Crimson · Passion Red

HEX
#D90021
RGB
rgb(217, 0, 33)
HSL
hsl(351, 100%, 43%)
HSB
hsb(351, 100%, 85%)
CMYK
cmyk(0%, 100%, 85%, 15%)
Oklch
oklch(55.8% 0.226 25.4)

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

#EB2F00

Vermilion · OrangeRed · Passion Red

HEX
#EB2F00
RGB
rgb(235, 47, 0)
HSL
hsl(12, 100%, 46%)
HSB
hsb(12, 100%, 92%)
CMYK
cmyk(0%, 80%, 100%, 8%)
Oklch
oklch(60.8% 0.226 32.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

268C79
8C2639

Analogous

268C47
268C79
266C8C

Triadic

268C79
79268C
8C7926

Split-Comp.

268C79
8C266C
8C4726

Tetradic

268C79
47268C
8C2639
6C8C26

Contrast Matrix WCAG 2.1 Contrast

268C79
724671
BD0068
D90021
EB2F00
—
1.8
Fail
1.5
Fail
1.3
Fail
1.0
Fail
1.8
Fail
—
1.2
Fail
1.4
Fail
1.7
Fail
1.5
Fail
1.2
Fail
—
1.2
Fail
1.5
Fail
1.3
Fail
1.4
Fail
1.2
Fail
—
1.2
Fail
1.0
Fail
1.7
Fail
1.5
Fail
1.2
Fail
—
White BG
4.1AA Large
7.4AAA
6.2AA
5.3AA
4.3AA Large
Black BG
5.1AA
2.8Fail
3.4AA Large
4.0AA Large
4.9AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

52537E
5F5F67
6B694F
7B7919
9A980B

Deuteranopia

4C457F
626564
768449
889817
A5B30E

Tritanopia

2B8182
705E5D
B43B37
CE1311
E21416

Achromatopsia

6B6B6B
585858
444444
454545
626262

Shades & Tints Shades & Tints

#268C79

Dark
Light

#724671

Dark
Light

#BD0068

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #268c79;
  --color-2: #724671;
  --color-3: #bd0068;
  --color-4: #d90021;
  --color-5: #eb2f00;
}

SCSS

$color-1: #268c79;
$color-2: #724671;
$color-3: #bd0068;
$color-4: #d90021;
$color-5: #eb2f00;

TAILWIND

colors: {
  'brand-1': '#268c79',
  'brand-2': '#724671',
  'brand-3': '#bd0068',
  'brand-4': '#d90021',
  'brand-5': '#eb2f00',
}

RGB Array

[38, 140, 121], [114, 70, 113], [189, 0, 104], [217, 0, 33], [235, 47, 0]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This space-style palette of #268C79, #724671, #BD0068, #D90021, #EB2F00 is ideal for: social media posters, mobile apps, e-commerce promos, tech websites, dark mode UIs, game UIs. 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: #268c79; --color-2: #724671; --color-3: #bd0068; --color-4: #d90021; --color-5: #eb2f00. 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?

Dark tones work well as backgrounds; pair with light text for readability. Use the brightest color for CTA buttons and interactive elements. 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 space-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