← Back to Editor

#990066 · #996666 · #999966 · #99CC66 · #99FF66

A 5-color palette palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#990066

Rose Purple · Purple · Camellia

HEX
#990066
RGB
rgb(153, 0, 102)
HSL
hsl(320, 100%, 30%)
HSB
hsb(320, 100%, 60%)
CMYK
cmyk(0%, 100%, 33%, 40%)
Oklch
oklch(45.1% 0.189 348.9)

Traditional「Rose Purple」· Paint「Camellia」· Creative Blush Sunrise

#996666

Crimson · Gray · Passion Red

HEX
#996666
RGB
rgb(153, 102, 102)
HSL
hsl(0, 20%, 50%)
HSB
hsb(0, 33%, 60%)
CMYK
cmyk(0%, 33%, 33%, 40%)
Oklch
oklch(56.4% 0.066 19.3)

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

#999966

Autumn Sage · Gray · Honey Gold

HEX
#999966
RGB
rgb(153, 153, 102)
HSL
hsl(60, 20%, 50%)
HSB
hsb(60, 33%, 60%)
CMYK
cmyk(0%, 0%, 33%, 40%)
Oklch
oklch(67.0% 0.070 108.1)

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

#99CC66

Celadon · DarkSeaGreen · Olive Green

HEX
#99CC66
RGB
rgb(153, 204, 102)
HSL
hsl(90, 50%, 60%)
HSB
hsb(90, 50%, 80%)
CMYK
cmyk(25%, 0%, 50%, 20%)
Oklch
oklch(78.7% 0.143 130.9)

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

#99FF66

Emerald · LightGreen · Apple Green

HEX
#99FF66
RGB
rgb(153, 255, 102)
HSL
hsl(100, 100%, 70%)
HSB
hsb(100, 60%, 100%)
CMYK
cmyk(40%, 0%, 60%, 0%)
Oklch
oklch(90.7% 0.212 136.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

990066
009933

Analogous

7F0099
990066
99001A

Triadic

990066
669900
006699

Split-Comp.

990066
1A9900
009980

Tetradic

990066
997F00
009933
001999

Contrast Matrix WCAG 2.1 Contrast

990066
996666
999966
99CC66
99FF66
—
1.7
Fail
2.8
Fail
4.4
AA Large
6.6
AA
1.7
Fail
—
1.6
Fail
2.5
Fail
3.8
AA Large
2.8
Fail
1.6
Fail
—
1.6
Fail
2.4
Fail
4.4
AA Large
2.5
Fail
1.6
Fail
—
1.5
Fail
6.6
AA
3.8
AA Large
2.4
Fail
1.5
Fail
—
White BG
8.2AAA
4.7AA
3.0Fail
1.9Fail
1.2Fail
Black BG
2.5Fail
4.4AA Large
7.1AAA
11.2AAA
16.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

57554D
838266
999972
AFB07F
C5C68B

Deuteranopia

606B47
868A66
999975
ACA885
BFB894

Tritanopia

913A36
966666
997C7E
9C9296
9EA8AF

Achromatopsia

393939
757575
939393
B1B1B1
CFCFCF

Shades & Tints Shades & Tints

#990066

Dark
Light

#996666

Dark
Light

#999966

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #990066;
  --color-2: #996666;
  --color-3: #999966;
  --color-4: #99cc66;
  --color-5: #99ff66;
}

SCSS

$color-1: #990066;
$color-2: #996666;
$color-3: #999966;
$color-4: #99cc66;
$color-5: #99ff66;

TAILWIND

colors: {
  'brand-1': '#990066',
  'brand-2': '#996666',
  'brand-3': '#999966',
  'brand-4': '#99cc66',
  'brand-5': '#99ff66',
}

RGB Array

[153, 0, 102], [153, 102, 102], [153, 153, 102], [153, 204, 102], [153, 255, 102]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #990066, #996666, #999966, #99CC66, #99FF66 is ideal for: corporate websites, product showcases, portfolios. 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: #990066; --color-2: #996666; --color-3: #999966; --color-4: #99cc66; --color-5: #99ff66. 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. 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