← Back to Editor

#CBA200 · #FD0059 · #F96263 · #EEB17B · #91D0B6

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

#CBA200

Ochre · GoldenRod · Honey Gold

HEX
#CBA200
RGB
rgb(203, 162, 0)
HSL
hsl(48, 100%, 40%)
HSB
hsb(48, 100%, 80%)
CMYK
cmyk(0%, 20%, 100%, 20%)
Oklch
oklch(72.9% 0.149 90.5)

Traditional「Ochre」· Paint「Honey Gold」· Creative Blush Sunrise

#FD0059

Dark Violet · Crimson · Camellia

HEX
#FD0059
RGB
rgb(253, 0, 89)
HSL
hsl(339, 100%, 50%)
HSB
hsb(339, 100%, 99%)
CMYK
cmyk(0%, 100%, 65%, 1%)
Oklch
oklch(63.2% 0.253 14.1)

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

#F96263

Peach Pink · Tomato · Coral Red

HEX
#F96263
RGB
rgb(249, 98, 99)
HSL
hsl(360, 93%, 68%)
HSB
hsb(360, 61%, 98%)
CMYK
cmyk(0%, 61%, 60%, 2%)
Oklch
oklch(69.0% 0.185 22.9)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Soft Aurora

#EEB17B

Apricot · BurlyWood · Warm Sun

HEX
#EEB17B
RGB
rgb(238, 177, 123)
HSL
hsl(28, 77%, 71%)
HSB
hsb(28, 48%, 93%)
CMYK
cmyk(0%, 26%, 48%, 7%)
Oklch
oklch(80.5% 0.100 62.2)

Traditional「Apricot」· Paint「Warm Sun」· Creative Honey Glow

#91D0B6

Jade · DarkSeaGreen · Apple Green

HEX
#91D0B6
RGB
rgb(145, 208, 182)
HSL
hsl(155, 40%, 69%)
HSB
hsb(155, 30%, 82%)
CMYK
cmyk(30%, 0%, 12%, 18%)
Oklch
oklch(80.8% 0.074 166.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

CBA200
0029CC

Analogous

CC3D00
CBA200
8FCC00

Triadic

CBA200
00CCA3
A300CC

Split-Comp.

CBA200
008FCC
3D00CC

Tetradic

CBA200
00CC3D
0029CC
CC008F

Contrast Matrix WCAG 2.1 Contrast

CBA200
FD0059
F96263
EEB17B
91D0B6
—
1.6
Fail
1.3
Fail
1.3
Fail
1.4
Fail
1.6
Fail
—
1.3
Fail
2.1
Fail
2.2
Fail
1.3
Fail
1.3
Fail
—
1.6
Fail
1.7
Fail
1.3
Fail
2.1
Fail
1.6
Fail
—
1.1
Fail
1.4
Fail
2.2
Fail
1.7
Fail
1.1
Fail
—
White BG
2.4Fail
3.9AA Large
3.0AA Large
1.9Fail
1.8Fail
Black BG
8.7AAA
5.3AA
7.0AA
11.2AAA
11.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

B9B927
8F8D43
B8B663
D4D388
ACADBC

Deuteranopia

BCBF31
9EB13E
C0CC63
D7DC8B
A9A4BE

Tritanopia

C9464D
F0322F
F16363
EB9295
94C1C2

Achromatopsia

9C9C9C
565656
8F8F8F
BDBDBD
BABABA

Shades & Tints Shades & Tints

#CBA200

Dark
Light

#FD0059

Dark
Light

#F96263

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #cba200;
  --color-2: #fd0059;
  --color-3: #f96263;
  --color-4: #eeb17b;
  --color-5: #91d0b6;
}

SCSS

$color-1: #cba200;
$color-2: #fd0059;
$color-3: #f96263;
$color-4: #eeb17b;
$color-5: #91d0b6;

TAILWIND

colors: {
  'brand-1': '#cba200',
  'brand-2': '#fd0059',
  'brand-3': '#f96263',
  'brand-4': '#eeb17b',
  'brand-5': '#91d0b6',
}

RGB Array

[203, 162, 0], [253, 0, 89], [249, 98, 99], [238, 177, 123], [145, 208, 182]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This space-style palette of #CBA200, #FD0059, #F96263, #EEB17B, #91D0B6 is ideal for: social media posters, mobile apps, e-commerce promos. 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: #cba200; --color-2: #fd0059; --color-3: #f96263; --color-4: #eeb17b; --color-5: #91d0b6. 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. 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