← Back to Editor

#00B1A8 · #729182 · #FB393A · #C1C9A0 · #E1DFB9

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

#00B1A8

Mineral Blue · LightSeaGreen · Mint Ice

HEX
#00B1A8
RGB
rgb(0, 177, 168)
HSL
hsl(177, 100%, 35%)
HSB
hsb(177, 100%, 69%)
CMYK
cmyk(100%, 0%, 5%, 31%)
Oklch
oklch(68.5% 0.119 188.4)

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

#729182

Mineral Blue · Gray · Olive Green

HEX
#729182
RGB
rgb(114, 145, 130)
HSL
hsl(151, 12%, 51%)
HSB
hsb(151, 21%, 57%)
CMYK
cmyk(21%, 0%, 10%, 43%)
Oklch
oklch(62.8% 0.042 164.1)

Traditional「Mineral Blue」· Paint「Olive Green」· Creative Blush Sunrise

#FB393A

Vermilion · Tomato · Passion Red

HEX
#FB393A
RGB
rgb(251, 57, 58)
HSL
hsl(360, 96%, 60%)
HSB
hsb(360, 77%, 98%)
CMYK
cmyk(0%, 77%, 77%, 2%)
Oklch
oklch(64.7% 0.229 26.2)

Traditional「Vermilion」· Paint「Passion Red」· Creative Soft Aurora

#C1C9A0

Willow Green · Silver · Apple Green

HEX
#C1C9A0
RGB
rgb(193, 201, 160)
HSL
hsl(72, 28%, 71%)
HSB
hsb(72, 20%, 79%)
CMYK
cmyk(4%, 0%, 20%, 21%)
Oklch
oklch(81.9% 0.056 116.6)

Traditional「Willow Green」· Paint「Apple Green」· Creative Mint Breeze

#E1DFB9

Fresh Green · Wheat · Lemon Cream

HEX
#E1DFB9
RGB
rgb(225, 223, 185)
HSL
hsl(57, 40%, 80%)
HSB
hsb(57, 18%, 88%)
CMYK
cmyk(0%, 1%, 18%, 12%)
Oklch
oklch(89.6% 0.050 104.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

00B1A8
B30009

Analogous

00B350
00B1A8
0062B3

Triadic

00B1A8
AA00B3
B3AA00

Split-Comp.

00B1A8
B30062
B35000

Tetradic

00B1A8
5000B3
B30009
62B300

Contrast Matrix WCAG 2.1 Contrast

00B1A8
729182
FB393A
C1C9A0
E1DFB9
—
1.3
Fail
1.4
Fail
1.5
Fail
2.0
Fail
1.3
Fail
—
1.1
Fail
2.0
Fail
2.5
Fail
1.4
Fail
1.1
Fail
—
2.1
Fail
2.7
Fail
1.5
Fail
2.0
Fail
2.1
Fail
—
1.3
Fail
2.0
Fail
2.5
Fail
2.7
Fail
1.3
Fail
—
White BG
2.7Fail
3.4AA Large
3.7AA Large
1.7Fail
1.4Fail
Black BG
7.9AAA
6.1AA
5.7AA
12.1AAA
15.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

4D4EAA
7F8086
A7A53A
C4C5AA
E0E0C2

Deuteranopia

4235AB
7E7B87
B2C13A
C4C3AC
E0E0C4

Tritanopia

09ACAC
748889
F13A3A
C1B2B3
E1C9CB

Achromatopsia

7B7B7B
868686
737373
C2C2C2
DBDBDB

Shades & Tints Shades & Tints

#00B1A8

Dark
Light

#729182

Dark
Light

#FB393A

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #00b1a8;
  --color-2: #729182;
  --color-3: #fb393a;
  --color-4: #c1c9a0;
  --color-5: #e1dfb9;
}

SCSS

$color-1: #00b1a8;
$color-2: #729182;
$color-3: #fb393a;
$color-4: #c1c9a0;
$color-5: #e1dfb9;

TAILWIND

colors: {
  'brand-1': '#00b1a8',
  'brand-2': '#729182',
  'brand-3': '#fb393a',
  'brand-4': '#c1c9a0',
  'brand-5': '#e1dfb9',
}

RGB Array

[0, 177, 168], [114, 145, 130], [251, 57, 58], [193, 201, 160], [225, 223, 185]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #00B1A8, #729182, #FB393A, #C1C9A0, #E1DFB9 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: #00b1a8; --color-2: #729182; --color-3: #fb393a; --color-4: #c1c9a0; --color-5: #e1dfb9. 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