← Back to Editor

#00B3AA · #80EDE8 · #F2F2F2 · #FF8800 · #BF0008

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

#00B3AA

Mineral Blue · LightSeaGreen · Mint Ice

HEX
#00B3AA
RGB
rgb(0, 179, 170)
HSL
hsl(177, 100%, 35%)
HSB
hsb(177, 100%, 70%)
CMYK
cmyk(100%, 0%, 5%, 30%)
Oklch
oklch(69.1% 0.120 188.4)

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

#80EDE8

Jade · SkyBlue · Lake Green

HEX
#80EDE8
RGB
rgb(128, 237, 232)
HSL
hsl(177, 75%, 72%)
HSB
hsb(177, 46%, 93%)
CMYK
cmyk(46%, 0%, 2%, 7%)
Oklch
oklch(88.0% 0.101 191.6)

Traditional「Jade」· Paint「Lake Green」· Creative Arctic Pool

#F2F2F2

Plain White · SeaShell · Cloud White

HEX
#F2F2F2
RGB
rgb(242, 242, 242)
HSL
hsl(0, 0%, 95%)
HSB
hsb(0, 0%, 95%)
CMYK
cmyk(0%, 0%, 0%, 5%)
Oklch
oklch(96.1% 0.000 89.9)

Traditional「Plain White」· Paint「Cloud White」· Creative Morning Mist

#FF8800

Ochre · Orange · Amber Brown

HEX
#FF8800
RGB
rgb(255, 136, 0)
HSL
hsl(32, 100%, 50%)
HSB
hsb(32, 100%, 100%)
CMYK
cmyk(0%, 47%, 100%, 0%)
Oklch
oklch(74.4% 0.181 56.5)

Traditional「Ochre」· Paint「Amber Brown」· Creative Blush Sunrise

#BF0008

Vermilion · FireBrick · Wine Red

HEX
#BF0008
RGB
rgb(191, 0, 8)
HSL
hsl(357, 100%, 37%)
HSB
hsb(357, 100%, 75%)
CMYK
cmyk(0%, 100%, 96%, 25%)
Oklch
oklch(50.6% 0.207 28.4)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

00B3AA
B30009

Analogous

00B350
00B3AA
0062B3

Triadic

00B3AA
AA00B3
B3AA00

Split-Comp.

00B3AA
B30062
B35000

Tetradic

00B3AA
5000B3
B30009
62B300

Contrast Matrix WCAG 2.1 Contrast

00B3AA
80EDE8
F2F2F2
FF8800
BF0008
—
1.9
Fail
2.3
Fail
1.1
Fail
2.5
Fail
1.9
Fail
—
1.2
Fail
1.7
Fail
4.7
AA
2.3
Fail
1.2
Fail
—
2.1
Fail
5.8
AA
1.1
Fail
1.7
Fail
2.1
Fail
—
2.7
Fail
2.5
Fail
4.7
AA
5.8
AA
2.7
Fail
—
White BG
2.6Fail
1.4Fail
1.1Fail
2.4Fail
6.5AA
Black BG
8.0AAA
15.2AAA
18.8AAA
8.8AAA
3.2AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

4E4FAC
AFB0E9
F2F2F2
CBCA21
6C6B06

Deuteranopia

4336AD
A9A1E9
F2F2F2
D2DB29
778606

Tritanopia

09AEAE
85EAEA
F2F2F2
F93B41
B50504

Achromatopsia

7C7C7C
CCCCCC
F2F2F2
9C9C9C
3A3A3A

Shades & Tints Shades & Tints

#00B3AA

Dark
Light

#80EDE8

Dark
Light

#F2F2F2

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #00b3aa;
  --color-2: #80ede8;
  --color-3: #f2f2f2;
  --color-4: #ff8800;
  --color-5: #bf0008;
}

SCSS

$color-1: #00b3aa;
$color-2: #80ede8;
$color-3: #f2f2f2;
$color-4: #ff8800;
$color-5: #bf0008;

TAILWIND

colors: {
  'brand-1': '#00b3aa',
  'brand-2': '#80ede8',
  'brand-3': '#f2f2f2',
  'brand-4': '#ff8800',
  'brand-5': '#bf0008',
}

RGB Array

[0, 179, 170], [128, 237, 232], [242, 242, 242], [255, 136, 0], [191, 0, 8]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #00B3AA, #80EDE8, #F2F2F2, #FF8800, #BF0008 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: #00b3aa; --color-2: #80ede8; --color-3: #f2f2f2; --color-4: #ff8800; --color-5: #bf0008. 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