← Back to Editor

#BABE96 · #50A79B · #0091A8 · #07506E · #280E07

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

#BABE96

Fresh Green · Tan · Sunflower

HEX
#BABE96
RGB
rgb(186, 190, 150)
HSL
hsl(66, 24%, 67%)
HSB
hsb(66, 21%, 75%)
CMYK
cmyk(2%, 0%, 21%, 25%)
Oklch
oklch(78.8% 0.055 112.3)

Traditional「Fresh Green」· Paint「Sunflower」· Creative Lemon Fizz

#50A79B

Mineral Blue · CadetBlue · Mint Ice

HEX
#50A79B
RGB
rgb(80, 167, 155)
HSL
hsl(172, 35%, 48%)
HSB
hsb(172, 52%, 65%)
CMYK
cmyk(52%, 0%, 7%, 35%)
Oklch
oklch(67.1% 0.086 183.5)

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

#0091A8

Lake Blue · Teal · Mint Ice

HEX
#0091A8
RGB
rgb(0, 145, 168)
HSL
hsl(188, 100%, 33%)
HSB
hsb(188, 100%, 66%)
CMYK
cmyk(100%, 14%, 0%, 34%)
Oklch
oklch(60.4% 0.106 214.1)

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

#07506E

Lake Blue · DarkSlateGray · Peacock Green

HEX
#07506E
RGB
rgb(7, 80, 110)
HSL
hsl(197, 88%, 23%)
HSB
hsb(197, 94%, 43%)
CMYK
cmyk(94%, 27%, 0%, 57%)
Oklch
oklch(40.6% 0.081 233.2)

Traditional「Lake Blue」· Paint「Peacock Green」· Creative Blush Sunrise

#280E07

Vermilion · Black · Deep Berry

HEX
#280E07
RGB
rgb(40, 14, 7)
HSL
hsl(13, 70%, 9%)
HSB
hsb(13, 83%, 16%)
CMYK
cmyk(0%, 65%, 83%, 84%)
Oklch
oklch(20.3% 0.046 36.6)

Traditional「Vermilion」· Paint「Deep Berry」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

BABE96
9B97BF

Analogous

BFAF97
BABE96
A7BF97

Triadic

BABE96
97BBBF
BF97BB

Split-Comp.

BABE96
97A7BF
AF97BF

Tetradic

BABE96
97BFAF
9B97BF
BF97A7

Contrast Matrix WCAG 2.1 Contrast

BABE96
50A79B
0091A8
07506E
280E07
—
1.5
Fail
1.9
Fail
4.6
AA
9.4
AAA
1.5
Fail
—
1.3
Fail
3.1
AA Large
6.4
AA
1.9
Fail
1.3
Fail
—
2.4
Fail
4.9
AA
4.6
AA
3.1
AA Large
2.4
Fail
—
2.1
Fail
9.4
AAA
6.4
AA
4.9
AA
2.1
Fail
—
White BG
1.9Fail
2.9Fail
3.7AA Large
8.8AAA
18.2AAA
Black BG
10.9AAA
7.3AAA
5.6AA
2.4Fail
1.2Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

BCBCA0
76769E
3F40A2
272767
1D1D09

Deuteranopia

BCBBA2
716A9F
362CA1
221D65
1E2009

Tritanopia

BAA7A9
54A0A1
079E9D
0B6160
270A0A

Achromatopsia

B8B8B8
8C8C8C
686868
3E3E3E
151515

Shades & Tints Shades & Tints

#BABE96

Dark
Light

#50A79B

Dark
Light

#0091A8

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #babe96;
  --color-2: #50a79b;
  --color-3: #0091a8;
  --color-4: #07506e;
  --color-5: #280e07;
}

SCSS

$color-1: #babe96;
$color-2: #50a79b;
$color-3: #0091a8;
$color-4: #07506e;
$color-5: #280e07;

TAILWIND

colors: {
  'brand-1': '#babe96',
  'brand-2': '#50a79b',
  'brand-3': '#0091a8',
  'brand-4': '#07506e',
  'brand-5': '#280e07',
}

RGB Array

[186, 190, 150], [80, 167, 155], [0, 145, 168], [7, 80, 110], [40, 14, 7]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #BABE96, #50A79B, #0091A8, #07506E, #280E07 is ideal for: social media posters, mobile apps, e-commerce promos, tech websites, dark mode UIs, game UIs, 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: #babe96; --color-2: #50a79b; --color-3: #0091a8; --color-4: #07506e; --color-5: #280e07. 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. 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 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