← Back to Editor

#91DDD1 · #ADB816 · #F08418 · #C7185E · #30382C

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

#ADB816

Autumn Sage · GoldenRod · Honey Gold

HEX
#ADB816
RGB
rgb(173, 184, 22)
HSL
hsl(64, 79%, 40%)
HSB
hsb(64, 88%, 72%)
CMYK
cmyk(6%, 0%, 88%, 28%)
Oklch
oklch(74.9% 0.164 114.1)

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

#F08418

Ginger · GoldenRod · Warm Sun

HEX
#F08418
RGB
rgb(240, 132, 24)
HSL
hsl(30, 88%, 52%)
HSB
hsb(30, 90%, 94%)
CMYK
cmyk(0%, 45%, 90%, 6%)
Oklch
oklch(71.8% 0.168 57.1)

Traditional「Ginger」· Paint「Warm Sun」· Creative Blush Sunrise

#C7185E

Dark Violet · MediumVioletRed · Camellia

HEX
#C7185E
RGB
rgb(199, 24, 94)
HSL
hsl(336, 78%, 44%)
HSB
hsb(336, 88%, 78%)
CMYK
cmyk(0%, 88%, 53%, 22%)
Oklch
oklch(54.1% 0.206 5.4)

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

#30382C

Celadon · DarkSlateGray · Dark Green

HEX
#30382C
RGB
rgb(48, 56, 44)
HSL
hsl(100, 12%, 20%)
HSB
hsb(100, 21%, 22%)
CMYK
cmyk(14%, 0%, 21%, 78%)
Oklch
oklch(32.9% 0.023 135.2)

Traditional「Celadon」· Paint「Dark Green」· 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
ADB816
F08418
C7185E
30382C
—
1.4
Fail
1.7
Fail
3.6
AA Large
7.8
AAA
1.4
Fail
—
1.2
Fail
2.6
Fail
5.6
AA
1.7
Fail
1.2
Fail
—
2.2
Fail
4.6
AA
3.6
AA Large
2.6
Fail
2.2
Fail
—
2.2
Fail
7.8
AAA
5.6
AA
4.6
AA
2.2
Fail
—
White BG
1.6Fail
2.2Fail
2.6Fail
5.6AA
12.2AAA
Black BG
13.5AAA
9.6AAA
8.0AAA
3.7AA Large
1.7Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

B2B3D4
B2B23D
C1C032
7B7A4D
33342F

Deuteranopia

AEA8D5
B1B047
C8D038
859249
333230

Tritanopia

95D6D7
AE5C63
EB474B
BE403D
303132

Achromatopsia

C5C5C5
A2A2A2
989898
545454
343434

Shades & Tints Shades & Tints

#91DDD1

Dark
Light

#ADB816

Dark
Light

#F08418

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #91ddd1;
  --color-2: #adb816;
  --color-3: #f08418;
  --color-4: #c7185e;
  --color-5: #30382c;
}

SCSS

$color-1: #91ddd1;
$color-2: #adb816;
$color-3: #f08418;
$color-4: #c7185e;
$color-5: #30382c;

TAILWIND

colors: {
  'brand-1': '#91ddd1',
  'brand-2': '#adb816',
  'brand-3': '#f08418',
  'brand-4': '#c7185e',
  'brand-5': '#30382c',
}

RGB Array

[145, 221, 209], [173, 184, 22], [240, 132, 24], [199, 24, 94], [48, 56, 44]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This space-style palette of #91DDD1, #ADB816, #F08418, #C7185E, #30382C 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: #adb816; --color-3: #f08418; --color-4: #c7185e; --color-5: #30382c. 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