← Back to Editor

#00FFE7 · #02C1A2 · #138FA0 · #56000E · #92002C

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 App

Color Details Color Details

#00FFE7

Mineral Blue · Cyan · Mint Ice

HEX
#00FFE7
RGB
rgb(0, 255, 231)
HSL
hsl(174, 100%, 50%)
HSB
hsb(174, 100%, 100%)
CMYK
cmyk(100%, 0%, 9%, 0%)
Oklch
oklch(89.8% 0.160 182.9)

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

#02C1A2

Mineral Blue · LightSeaGreen · Mint Ice

HEX
#02C1A2
RGB
rgb(2, 193, 162)
HSL
hsl(170, 98%, 38%)
HSB
hsb(170, 99%, 76%)
CMYK
cmyk(99%, 0%, 16%, 24%)
Oklch
oklch(72.4% 0.136 175.6)

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

#138FA0

Lake Blue · LightSeaGreen · Mint Ice

HEX
#138FA0
RGB
rgb(19, 143, 160)
HSL
hsl(187, 79%, 35%)
HSB
hsb(187, 88%, 63%)
CMYK
cmyk(88%, 11%, 0%, 37%)
Oklch
oklch(59.7% 0.100 210.0)

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

#56000E

Vermilion · Maroon · Deep Berry

HEX
#56000E
RGB
rgb(86, 0, 14)
HSL
hsl(350, 100%, 17%)
HSB
hsb(350, 100%, 34%)
CMYK
cmyk(0%, 100%, 84%, 66%)
Oklch
oklch(28.6% 0.115 21.5)

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

#92002C

Dark Violet · DarkRed · Camellia

HEX
#92002C
RGB
rgb(146, 0, 44)
HSL
hsl(342, 100%, 29%)
HSB
hsb(342, 100%, 57%)
CMYK
cmyk(0%, 100%, 70%, 43%)
Oklch
oklch(41.9% 0.168 15.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

00FFE7
FF0019

Analogous

00FF66
00FFE7
0099FF

Triadic

00FFE7
E600FF
FFE600

Split-Comp.

00FFE7
FF0099
FF6600

Tetradic

00FFE7
6600FF
FF0019
99FF00

Contrast Matrix WCAG 2.1 Contrast

00FFE7
02C1A2
138FA0
56000E
92002C
—
1.8
Fail
3.0
AA Large
11.7
AAA
7.3
AAA
1.8
Fail
—
1.7
Fail
6.5
AA
4.1
AA Large
3.0
AA Large
1.7
Fail
—
3.9
AA Large
2.4
Fail
11.7
AAA
6.5
AA
3.9
AA Large
—
1.6
Fail
7.3
AAA
4.1
AA Large
2.4
Fail
1.6
Fail
—
White BG
1.3Fail
2.3Fail
3.8AA Large
15.0AAA
9.3AAA
Black BG
16.5AAA
9.2AAA
5.5AA
1.4Fail
2.3Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

6E71ED
5556AA
494A9C
31300B
535121

Deuteranopia

604DEE
4A3BAB
42389B
363C0A
5B661F

Tritanopia

0DF1F2
0CAFB1
199998
520807
8B1917

Achromatopsia

B0B0B0
848484
6C6C6C
1B1B1B
313131

Shades & Tints Shades & Tints

#00FFE7

Dark
Light

#02C1A2

Dark
Light

#138FA0

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #00ffe7;
  --color-2: #02c1a2;
  --color-3: #138fa0;
  --color-4: #56000e;
  --color-5: #92002c;
}

SCSS

$color-1: #00ffe7;
$color-2: #02c1a2;
$color-3: #138fa0;
$color-4: #56000e;
$color-5: #92002c;

TAILWIND

colors: {
  'brand-1': '#00ffe7',
  'brand-2': '#02c1a2',
  'brand-3': '#138fa0',
  'brand-4': '#56000e',
  'brand-5': '#92002c',
}

RGB Array

[0, 255, 231], [2, 193, 162], [19, 143, 160], [86, 0, 14], [146, 0, 44]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #00FFE7, #02C1A2, #138FA0, #56000E, #92002C is ideal for: social media posters, mobile apps, e-commerce promos, tech websites, dark mode UIs, game UIs. 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: #00ffe7; --color-2: #02c1a2; --color-3: #138fa0; --color-4: #56000e; --color-5: #92002c. 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. 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