#019794 + #E72830 + #1F2422 + #474D4D + #647876 · pastel - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

GentleSoothingSweetWarmCool

Industry INDUSTRY

Kids & BabyBeautyLifestyle

UI Context UI CONTEXT

E-commerceSocial PostIllustration

Color Details Color Details

#019794

Mineral Blue · Teal · Mint Ice

HEX

#019794

RGB

rgb(1, 151, 148)

HSL

hsl(179, 99%, 30%)

HSB

hsb(179, 99%, 59%)

CMYK

cmyk(99%, 0%, 2%, 41%)

Oklch

oklch(61.1% 0.105 192.3)

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

#E72830

Vermilion · Crimson · Passion Red

HEX

#E72830

RGB

rgb(231, 40, 48)

HSL

hsl(357, 80%, 53%)

HSB

hsb(357, 83%, 91%)

CMYK

cmyk(0%, 83%, 79%, 9%)

Oklch

oklch(59.9% 0.223 25.7)

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

#1F2422

Ink Black · Black · Dark Stone

HEX

#1F2422

RGB

rgb(31, 36, 34)

HSL

hsl(156, 7%, 13%)

HSB

hsb(156, 14%, 14%)

CMYK

cmyk(14%, 0%, 6%, 86%)

Oklch

oklch(25.4% 0.008 169.7)

Traditional「Ink Black」· Paint「Dark Stone」· Creative Midnight Shadow

#474D4D

Dark Cyan · DarkSlateGray · Charcoal

HEX

#474D4D

RGB

rgb(71, 77, 77)

HSL

hsl(180, 4%, 29%)

HSB

hsb(180, 8%, 30%)

CMYK

cmyk(8%, 0%, 0%, 70%)

Oklch

oklch(41.5% 0.008 196.9)

Traditional「Dark Cyan」· Paint「Charcoal」· Creative Midnight Shadow

#647876

Mineral Blue · DimGray · Warm Gray

HEX

#647876

RGB

rgb(100, 120, 118)

HSL

hsl(174, 9%, 43%)

HSB

hsb(174, 17%, 47%)

CMYK

cmyk(17%, 0%, 2%, 53%)

Oklch

oklch(55.6% 0.024 189.1)

Traditional「Mineral Blue」· Paint「Warm Gray」· Creative Urban Concrete

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

019794

980103

Analogous

01984A

019794

014F98

Triadic

019794

960198

989601

Split-Comp.

019794

98014F

984A01

Tetradic

019794

4A0198

980103

4F9801

Contrast Matrix WCAG 2.1 Contrast

019794	E72830	1F2422	474D4D	647876
—	1.2 Fail	4.4 AA Large	2.4 Fail	1.3 Fail
1.2 Fail	—	3.6 AA Large	1.9 Fail	1.1 Fail
4.4 AA Large	3.6 AA Large	—	1.8 Fail	3.4 AA Large
2.4 Fail	1.9 Fail	1.8 Fail	—	1.8 Fail
1.3 Fail	1.1 Fail	3.4 AA Large	1.8 Fail	—

White BG

3.6AA Large

4.4AA Large

15.7AAA

8.6AAA

4.7AA

Black BG

5.9AA

4.7AA

1.3Fail

2.4Fail

4.5AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

424395

94932E

212122

4A4A4D

6D6D76

Deuteranopia

392E95

9FAE2E

212123

49494D

6C6A77

Tritanopia

099595

DD2D2C

1F2323

474D4D

657777

Achromatopsia

6A6A6A

626262

222222

4B4B4B

727272

Shades & Tints Shades & Tints

#019794

Dark

Light

#E72830

Dark

Light

#1F2422

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #019794;
  --color-2: #e72830;
  --color-3: #1f2422;
  --color-4: #474d4d;
  --color-5: #647876;
}

SCSS

$color-1: #019794;
$color-2: #e72830;
$color-3: #1f2422;
$color-4: #474d4d;
$color-5: #647876;

TAILWIND

colors: {
  'brand-1': '#019794',
  'brand-2': '#e72830',
  'brand-3': '#1f2422',
  'brand-4': '#474d4d',
  'brand-5': '#647876',
}

RGB Array

[1, 151, 148], [231, 40, 48], [31, 36, 34], [71, 77, 77], [100, 120, 118]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #019794, #E72830, #1F2422, #474D4D, #647876 is ideal for: tech websites, dark mode UIs, game UIs. 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: #019794; --color-2: #e72830; --color-3: #1f2422; --color-4: #474d4d; --color-5: #647876. 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 pastel-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