← Back to Editor

#00B3A2 · #8DCED2 · #EE7793 · #AD2F45 · #362224

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

#00B3A2

Mineral Blue · LightSeaGreen · Mint Ice

HEX
#00B3A2
RGB
rgb(0, 179, 162)
HSL
hsl(174, 100%, 35%)
HSB
hsb(174, 100%, 70%)
CMYK
cmyk(100%, 0%, 9%, 30%)
Oklch
oklch(68.8% 0.123 183.0)

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

#8DCED2

Sky Blue · SkyBlue · Lake Green

HEX
#8DCED2
RGB
rgb(141, 206, 210)
HSL
hsl(183, 43%, 69%)
HSB
hsb(183, 33%, 82%)
CMYK
cmyk(33%, 2%, 0%, 18%)
Oklch
oklch(80.9% 0.066 200.8)

Traditional「Sky Blue」· Paint「Lake Green」· Creative Arctic Pool

#EE7793

Peach Pink · LightCoral · Coral Red

HEX
#EE7793
RGB
rgb(238, 119, 147)
HSL
hsl(346, 78%, 70%)
HSB
hsb(346, 50%, 93%)
CMYK
cmyk(0%, 50%, 38%, 7%)
Oklch
oklch(71.3% 0.148 6.7)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

#AD2F45

Crimson · Brown · Passion Red

HEX
#AD2F45
RGB
rgb(173, 47, 69)
HSL
hsl(350, 57%, 43%)
HSB
hsb(350, 73%, 68%)
CMYK
cmyk(0%, 73%, 60%, 32%)
Oklch
oklch(50.4% 0.162 15.4)

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

#362224

Crimson · DarkSlateGray · Deep Berry

HEX
#362224
RGB
rgb(54, 34, 36)
HSL
hsl(354, 23%, 17%)
HSB
hsb(354, 37%, 21%)
CMYK
cmyk(0%, 37%, 33%, 79%)
Oklch
oklch(27.8% 0.031 12.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

00B3A2
B30012

Analogous

00B347
00B3A2
006BB3

Triadic

00B3A2
A100B3
B3A100

Split-Comp.

00B3A2
B3006B
B34700

Tetradic

00B3A2
4700B3
B30012
6BB300

Contrast Matrix WCAG 2.1 Contrast

00B3A2
8DCED2
EE7793
AD2F45
362224
—
1.5
Fail
1.0
Fail
2.4
Fail
5.6
AA
1.5
Fail
—
1.5
Fail
3.6
AA Large
8.4
AAA
1.0
Fail
1.5
Fail
—
2.4
Fail
5.5
AA
2.4
Fail
3.6
AA Large
2.4
Fail
—
2.3
Fail
5.6
AA
8.4
AAA
5.5
AA
2.3
Fail
—
White BG
2.6Fail
1.8Fail
2.7Fail
6.4AA
14.9AAA
Black BG
8.0AAA
11.9AAA
7.7AAA
3.3AA Large
1.4Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

4E4FA6
A9AAD1
BAB98C
767540
2D2D24

Deuteranopia

4336A7
A5A1D1
C1CA8B
7E873E
2F3023

Tritanopia

09A9AA
90D0D0
E88786
A73B3B
352323

Achromatopsia

7C7C7C
BBBBBB
9E9E9E
575757
282828

Shades & Tints Shades & Tints

#00B3A2

Dark
Light

#8DCED2

Dark
Light

#EE7793

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #00b3a2;
  --color-2: #8dced2;
  --color-3: #ee7793;
  --color-4: #ad2f45;
  --color-5: #362224;
}

SCSS

$color-1: #00b3a2;
$color-2: #8dced2;
$color-3: #ee7793;
$color-4: #ad2f45;
$color-5: #362224;

TAILWIND

colors: {
  'brand-1': '#00b3a2',
  'brand-2': '#8dced2',
  'brand-3': '#ee7793',
  'brand-4': '#ad2f45',
  'brand-5': '#362224',
}

RGB Array

[0, 179, 162], [141, 206, 210], [238, 119, 147], [173, 47, 69], [54, 34, 36]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #00B3A2, #8DCED2, #EE7793, #AD2F45, #362224 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: #00b3a2; --color-2: #8dced2; --color-3: #ee7793; --color-4: #ad2f45; --color-5: #362224. 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