← Back to Editor

#91DDD1 · #B5C017 · #F38209 · #EE155C · #711439

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

Color Details Color Details

#91DDD1

Jade · SkyBlue · Lake Green

HEX
#91DDD1
RGB
rgb(145, 221, 209)
HSL
hsl(171, 53%, 72%)
HSB
hsb(171, 34%, 87%)
CMYK
cmyk(34%, 0%, 5%, 13%)
Oklch
oklch(84.5% 0.077 183.4)

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

#B5C017

Autumn Sage · GoldenRod · Honey Gold

HEX
#B5C017
RGB
rgb(181, 192, 23)
HSL
hsl(64, 79%, 42%)
HSB
hsb(64, 88%, 75%)
CMYK
cmyk(6%, 0%, 88%, 25%)
Oklch
oklch(77.3% 0.169 113.9)

Traditional「Autumn Sage」· Paint「Honey Gold」· Creative Blush Sunrise

#F38209

Ochre · Orange · Amber Brown

HEX
#F38209
RGB
rgb(243, 130, 9)
HSL
hsl(31, 93%, 49%)
HSB
hsb(31, 96%, 95%)
CMYK
cmyk(0%, 47%, 96%, 5%)
Oklch
oklch(71.9% 0.173 56.3)

Traditional「Ochre」· Paint「Amber Brown」· Creative Blush Sunrise

#EE155C

Dark Violet · Crimson · Rose Pink

HEX
#EE155C
RGB
rgb(238, 21, 92)
HSL
hsl(340, 86%, 51%)
HSB
hsb(340, 91%, 93%)
CMYK
cmyk(0%, 91%, 61%, 7%)
Oklch
oklch(61.0% 0.237 12.1)

Traditional「Dark Violet」· Paint「Rose Pink」· Creative Blush Sunrise

#711439

Dark Violet · Brown · Camellia

HEX
#711439
RGB
rgb(113, 20, 57)
HSL
hsl(336, 70%, 26%)
HSB
hsb(336, 82%, 44%)
CMYK
cmyk(0%, 82%, 50%, 56%)
Oklch
oklch(36.7% 0.129 2.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

91DDD1
DD929D

Analogous

92DDAC
91DDD1
92C3DD

Triadic

91DDD1
D292DD
DDD292

Split-Comp.

91DDD1
DD92C3
DDAC92

Tetradic

91DDD1
AC92DD
DD929D
C3DD92

Contrast Matrix WCAG 2.1 Contrast

91DDD1
B5C017
F38209
EE155C
711439
—
1.3
Fail
1.7
Fail
2.7
Fail
7.2
AAA
1.3
Fail
—
1.3
Fail
2.1
Fail
5.7
AA
1.7
Fail
1.3
Fail
—
1.6
Fail
4.3
AA Large
2.7
Fail
2.1
Fail
1.6
Fail
—
2.6
Fail
7.2
AAA
5.7
AA
4.3
AA Large
2.6
Fail
—
White BG
1.6Fail
2.0Fail
2.6Fail
4.3AA Large
11.3AAA
Black BG
13.5AAA
10.5AAA
8.0AAA
4.9AA
1.9Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

B2B3D4
BABA40
C2C126
908E4B
494830

Deuteranopia

AEA8D5
B9B84A
C9D12D
9DAD47
4E552E

Tritanopia

95D6D7
B66067
ED3D42
E33D3A
6C2927

Achromatopsia

C5C5C5
A9A9A9
969696
5E5E5E
343434

Shades & Tints Shades & Tints

#91DDD1

Dark
Light

#B5C017

Dark
Light

#F38209

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #91ddd1;
  --color-2: #b5c017;
  --color-3: #f38209;
  --color-4: #ee155c;
  --color-5: #711439;
}

SCSS

$color-1: #91ddd1;
$color-2: #b5c017;
$color-3: #f38209;
$color-4: #ee155c;
$color-5: #711439;

TAILWIND

colors: {
  'brand-1': '#91ddd1',
  'brand-2': '#b5c017',
  'brand-3': '#f38209',
  'brand-4': '#ee155c',
  'brand-5': '#711439',
}

RGB Array

[145, 221, 209], [181, 192, 23], [243, 130, 9], [238, 21, 92], [113, 20, 57]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This space-style palette of #91DDD1, #B5C017, #F38209, #EE155C, #711439 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: #91ddd1; --color-2: #b5c017; --color-3: #f38209; --color-4: #ee155c; --color-5: #711439. 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 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