← Back to Editor

#01E7C1 · #130E42 · #ADADAB · #D6D6D6 · #F0F2DF

A 5-color palette palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#01E7C1

Mineral Blue · DarkTurquoise · Mint Ice

HEX
#01E7C1
RGB
rgb(1, 231, 193)
HSL
hsl(170, 99%, 45%)
HSB
hsb(170, 100%, 91%)
CMYK
cmyk(100%, 0%, 16%, 9%)
Oklch
oklch(82.8% 0.156 175.0)

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

#130E42

Deep Indigo · MidnightBlue · Deep Sea Blue

HEX
#130E42
RGB
rgb(19, 14, 66)
HSL
hsl(246, 65%, 16%)
HSB
hsb(246, 79%, 26%)
CMYK
cmyk(71%, 79%, 0%, 74%)
Oklch
oklch(21.3% 0.094 279.2)

Traditional「Deep Indigo」· Paint「Deep Sea Blue」· Creative Blush Sunrise

#ADADAB

Ash · DarkGray · Silver Sand

HEX
#ADADAB
RGB
rgb(173, 173, 171)
HSL
hsl(60, 1%, 67%)
HSB
hsb(60, 1%, 68%)
CMYK
cmyk(0%, 0%, 1%, 32%)
Oklch
oklch(74.7% 0.003 106.5)

Traditional「Ash」· Paint「Silver Sand」· Creative Urban Concrete

#D6D6D6

Silver Gray · LightGray · Pearl Gray

HEX
#D6D6D6
RGB
rgb(214, 214, 214)
HSL
hsl(0, 0%, 84%)
HSB
hsb(0, 0%, 84%)
CMYK
cmyk(0%, 0%, 0%, 16%)
Oklch
oklch(87.6% 0.000 89.9)

Traditional「Silver Gray」· Paint「Pearl Gray」· Creative Silver Lining

#F0F2DF

Fresh Green · Beige · Lemon Cream

HEX
#F0F2DF
RGB
rgb(240, 242, 223)
HSL
hsl(66, 42%, 91%)
HSB
hsb(66, 8%, 95%)
CMYK
cmyk(1%, 0%, 8%, 5%)
Oklch
oklch(95.5% 0.025 111.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

01E7C1
E40127

Analogous

01E44D
01E7C1
0199E4

Triadic

01E7C1
BE01E4
E4BE01

Split-Comp.

01E7C1
E40199
E44D01

Tetradic

01E7C1
4D01E4
E40127
99E401

Contrast Matrix WCAG 2.1 Contrast

01E7C1
130E42
ADADAB
D6D6D6
F0F2DF
—
11.3
AAA
1.4
Fail
1.1
Fail
1.4
Fail
11.3
AAA
—
8.0
AAA
12.4
AAA
15.8
AAA
1.4
Fail
8.0
AAA
—
1.5
Fail
2.0
Fail
1.1
Fail
12.4
AAA
1.5
Fail
—
1.3
Fail
1.4
Fail
15.8
AAA
2.0
Fail
1.3
Fail
—
White BG
1.6Fail
18.0AAA
2.2Fail
1.5Fail
1.1Fail
Black BG
13.2AAA
1.2Fail
9.3AAA
14.4AAA
18.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

6567CA
111135
ADADAB
D6D6D6
F1F1E4

Deuteranopia

5746CC
111232
ADADAC
D6D6D6
F1F1E5

Tritanopia

0DD1D3
132B29
ADACAC
D6D6D6
F0E7E8

Achromatopsia

9E9E9E
151515
ADADAD
D6D6D6
EFEFEF

Shades & Tints Shades & Tints

#01E7C1

Dark
Light

#130E42

Dark
Light

#ADADAB

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #01e7c1;
  --color-2: #130e42;
  --color-3: #adadab;
  --color-4: #d6d6d6;
  --color-5: #f0f2df;
}

SCSS

$color-1: #01e7c1;
$color-2: #130e42;
$color-3: #adadab;
$color-4: #d6d6d6;
$color-5: #f0f2df;

TAILWIND

colors: {
  'brand-1': '#01e7c1',
  'brand-2': '#130e42',
  'brand-3': '#adadab',
  'brand-4': '#d6d6d6',
  'brand-5': '#f0f2df',
}

RGB Array

[1, 231, 193], [19, 14, 66], [173, 173, 171], [214, 214, 214], [240, 242, 223]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #01E7C1, #130E42, #ADADAB, #D6D6D6, #F0F2DF is ideal for: infographics, data visualization, accessible design. High contrast ensures clear visual hierarchy and readability. It is a balanced and harmonious choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #01e7c1; --color-2: #130e42; --color-3: #adadab; --color-4: #d6d6d6; --color-5: #f0f2df. 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 tech, SaaS, healthcare, eco industries. 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