← Back to Editor

#0D0505 · #B80707 · #85CCB1 · #B5FFE3 · #E8FFF9

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

#0D0505

Crimson · Black · Deep Berry

HEX
#0D0505
RGB
rgb(13, 5, 5)
HSL
hsl(0, 44%, 4%)
HSB
hsb(0, 62%, 5%)
CMYK
cmyk(0%, 62%, 62%, 95%)
Oklch
oklch(12.9% 0.017 19.6)

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

#B80707

Vermilion · FireBrick · Wine Red

HEX
#B80707
RGB
rgb(184, 7, 7)
HSL
hsl(0, 93%, 37%)
HSB
hsb(0, 96%, 72%)
CMYK
cmyk(0%, 96%, 96%, 28%)
Oklch
oklch(49.4% 0.199 28.9)

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

#85CCB1

Jade · MediumAquaMarine · Apple Green

HEX
#85CCB1
RGB
rgb(133, 204, 177)
HSL
hsl(157, 41%, 66%)
HSB
hsb(157, 35%, 80%)
CMYK
cmyk(35%, 0%, 13%, 20%)
Oklch
oklch(79.1% 0.082 168.3)

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

#B5FFE3

Jade · LightBlue · Mint Green

HEX
#B5FFE3
RGB
rgb(181, 255, 227)
HSL
hsl(157, 100%, 85%)
HSB
hsb(157, 29%, 100%)
CMYK
cmyk(29%, 0%, 11%, 0%)
Oklch
oklch(94.4% 0.083 169.0)

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

#E8FFF9

Jade · Snow · Glacier Blue

HEX
#E8FFF9
RGB
rgb(232, 255, 249)
HSL
hsl(164, 100%, 95%)
HSB
hsb(164, 9%, 100%)
CMYK
cmyk(9%, 0%, 2%, 0%)
Oklch
oklch(98.2% 0.025 178.4)

Traditional「Jade」· Paint「Glacier Blue」· Creative Arctic Pool

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

0D0505
060F0F

Analogous

0F060A
0D0505
0F0A06

Triadic

0D0505
060F06
06060F

Split-Comp.

0D0505
060F0A
060A0F

Tetradic

0D0505
0A0F06
060F0F
0A060F

Contrast Matrix WCAG 2.1 Contrast

0D0505
B80707
85CCB1
B5FFE3
E8FFF9
—
3.0
Fail
10.8
AAA
17.7
AAA
19.3
AAA
3.0
Fail
—
3.7
AA Large
6.0
AA
6.5
AA
10.8
AAA
3.7
AA Large
—
1.6
Fail
1.8
Fail
17.7
AAA
6.0
AA
1.6
Fail
—
1.1
Fail
19.3
AAA
6.5
AA
1.8
Fail
1.1
Fail
—
White BG
20.2AAA
6.8AA
1.9Fail
1.1Fail
1.0Fail
Black BG
1.0Fail
3.1AA Large
11.3AAA
18.4AAA
20.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

0A0905
6B6A07
A4A4B8
D5D6EA
F2F2FA

Deuteranopia

0A0B05
768307
A09AB9
D1CBEB
F1EFFB

Tritanopia

0D0505
AF0707
89BDBE
B9EFF0
E9FCFC

Achromatopsia

070707
3C3C3C
B4B4B4
E6E6E6
F7F7F7

Shades & Tints Shades & Tints

#0D0505

Dark
Light

#B80707

Dark
Light

#85CCB1

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #0d0505;
  --color-2: #b80707;
  --color-3: #85ccb1;
  --color-4: #b5ffe3;
  --color-5: #e8fff9;
}

SCSS

$color-1: #0d0505;
$color-2: #b80707;
$color-3: #85ccb1;
$color-4: #b5ffe3;
$color-5: #e8fff9;

TAILWIND

colors: {
  'brand-1': '#0d0505',
  'brand-2': '#b80707',
  'brand-3': '#85ccb1',
  'brand-4': '#b5ffe3',
  'brand-5': '#e8fff9',
}

RGB Array

[13, 5, 5], [184, 7, 7], [133, 204, 177], [181, 255, 227], [232, 255, 249]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #0D0505, #B80707, #85CCB1, #B5FFE3, #E8FFF9 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: #0d0505; --color-2: #b80707; --color-3: #85ccb1; --color-4: #b5ffe3; --color-5: #e8fff9. 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 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