← Back to Editor

#00CB99 · #C3FD05 · #E9EBBF · #8F8968 · #302418

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

#00CB99

Mineral Blue · LightSeaGreen · Mint Ice

HEX
#00CB99
RGB
rgb(0, 203, 153)
HSL
hsl(165, 100%, 40%)
HSB
hsb(165, 100%, 80%)
CMYK
cmyk(100%, 0%, 25%, 20%)
Oklch
oklch(74.7% 0.153 167.2)

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

#C3FD05

Grass Green · GreenYellow · Olive Green

HEX
#C3FD05
RGB
rgb(195, 253, 5)
HSL
hsl(74, 98%, 51%)
HSB
hsb(74, 98%, 99%)
CMYK
cmyk(23%, 0%, 98%, 1%)
Oklch
oklch(92.0% 0.230 124.7)

Traditional「Grass Green」· Paint「Olive Green」· Creative Blush Sunrise

#E9EBBF

Fresh Green · Wheat · Lemon Cream

HEX
#E9EBBF
RGB
rgb(233, 235, 191)
HSL
hsl(63, 52%, 84%)
HSB
hsb(63, 19%, 92%)
CMYK
cmyk(1%, 0%, 19%, 8%)
Oklch
oklch(92.7% 0.058 109.6)

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

#8F8968

Autumn Sage · Gray · Honey Gold

HEX
#8F8968
RGB
rgb(143, 137, 104)
HSL
hsl(51, 16%, 48%)
HSB
hsb(51, 27%, 56%)
CMYK
cmyk(0%, 4%, 27%, 44%)
Oklch
oklch(62.7% 0.047 99.0)

Traditional「Autumn Sage」· Paint「Honey Gold」· Creative Blush Sunrise

#302418

Ochre · Black · Cinnamon

HEX
#302418
RGB
rgb(48, 36, 24)
HSL
hsl(30, 33%, 14%)
HSB
hsb(30, 50%, 19%)
CMYK
cmyk(0%, 25%, 50%, 81%)
Oklch
oklch(27.1% 0.028 66.2)

Traditional「Ochre」· Paint「Cinnamon」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

00CB99
CC0033

Analogous

00CC33
00CB99
0099CC

Triadic

00CB99
9900CC
CC9900

Split-Comp.

00CB99
CC0099
CC3300

Tetradic

00CB99
3300CC
CC0033
99CC00

Contrast Matrix WCAG 2.1 Contrast

00CB99
C3FD05
E9EBBF
8F8968
302418
—
1.7
Fail
1.7
Fail
1.7
Fail
7.2
AAA
1.7
Fail
—
1.0
Fail
2.9
Fail
12.5
AAA
1.7
Fail
1.0
Fail
—
2.9
Fail
12.3
AAA
1.7
Fail
2.9
Fail
2.9
Fail
—
4.3
AA Large
7.2
AAA
12.5
AAA
12.3
AAA
4.3
AA Large
—
White BG
2.1Fail
1.2Fail
1.2Fail
3.5AA Large
15.1AAA
Black BG
10.0AAA
17.4AAA
17.1AAA
5.9AA
1.4Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

585AA5
DCDD41
EAEACA
8C8C70
2B2B1B

Deuteranopia

4C3DA8
D9D44F
EAEACC
8D8D72
2C2C1C

Tritanopia

0AAFB1
C6707B
E9D2D4
8F7678
2F1D1E

Achromatopsia

898989
CFCFCF
E5E5E5
878787
262626

Shades & Tints Shades & Tints

#00CB99

Dark
Light

#C3FD05

Dark
Light

#E9EBBF

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #00cb99;
  --color-2: #c3fd05;
  --color-3: #e9ebbf;
  --color-4: #8f8968;
  --color-5: #302418;
}

SCSS

$color-1: #00cb99;
$color-2: #c3fd05;
$color-3: #e9ebbf;
$color-4: #8f8968;
$color-5: #302418;

TAILWIND

colors: {
  'brand-1': '#00cb99',
  'brand-2': '#c3fd05',
  'brand-3': '#e9ebbf',
  'brand-4': '#8f8968',
  'brand-5': '#302418',
}

RGB Array

[0, 203, 153], [195, 253, 5], [233, 235, 191], [143, 137, 104], [48, 36, 24]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #00CB99, #C3FD05, #E9EBBF, #8F8968, #302418 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: #00cb99; --color-2: #c3fd05; --color-3: #e9ebbf; --color-4: #8f8968; --color-5: #302418. 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