← Back to Editor

#009999 · #268099 · #4D6699 · #734D99 · #993399

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#009999

Lake Blue · Teal · Mint Ice

HEX
#009999
RGB
rgb(0, 153, 153)
HSL
hsl(180, 100%, 30%)
HSB
hsb(180, 100%, 60%)
CMYK
cmyk(100%, 0%, 0%, 40%)
Oklch
oklch(61.8% 0.106 194.8)

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

#268099

Lake Blue · SteelBlue · Mint Ice

HEX
#268099
RGB
rgb(38, 128, 153)
HSL
hsl(193, 60%, 37%)
HSB
hsb(193, 75%, 60%)
CMYK
cmyk(75%, 16%, 0%, 40%)
Oklch
oklch(55.9% 0.090 220.6)

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

#4D6699

Indigo · SteelBlue · Navy Blue

HEX
#4D6699
RGB
rgb(77, 102, 153)
HSL
hsl(220, 33%, 45%)
HSB
hsb(220, 50%, 60%)
CMYK
cmyk(50%, 33%, 0%, 40%)
Oklch
oklch(51.3% 0.087 263.7)

Traditional「Indigo」· Paint「Navy Blue」· Creative Blush Sunrise

#734D99

Dark Plum · DarkSlateBlue · Violet

HEX
#734D99
RGB
rgb(115, 77, 153)
HSL
hsl(270, 33%, 45%)
HSB
hsb(270, 50%, 60%)
CMYK
cmyk(25%, 50%, 0%, 40%)
Oklch
oklch(49.6% 0.123 305.5)

Traditional「Dark Plum」· Paint「Violet」· Creative Blush Sunrise

#993399

Rose Purple · DarkOrchid · Eggplant

HEX
#993399
RGB
rgb(153, 51, 153)
HSL
hsl(300, 50%, 40%)
HSB
hsb(300, 67%, 60%)
CMYK
cmyk(0%, 67%, 0%, 40%)
Oklch
oklch(50.9% 0.181 327.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

009999
990000

Analogous

00994D
009999
004D99

Triadic

009999
990099
999900

Split-Comp.

009999
99004D
994D00

Tetradic

009999
4D0099
990000
4D9900

Contrast Matrix WCAG 2.1 Contrast

009999
268099
4D6699
734D99
993399
—
1.3
Fail
1.6
Fail
1.9
Fail
1.8
Fail
1.3
Fail
—
1.3
Fail
1.4
Fail
1.4
Fail
1.6
Fail
1.3
Fail
—
1.1
Fail
1.1
Fail
1.9
Fail
1.4
Fail
1.1
Fail
—
1.0
Fail
1.8
Fail
1.4
Fail
1.1
Fail
1.0
Fail
—
White BG
3.5AA Large
4.5AA
5.7AA
6.5AA
6.4AA
Black BG
6.0AA
4.6AA
3.7AA Large
3.3AA Large
3.3AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

424499
4D4E93
58588D
636287
6D6C80

Deuteranopia

392E99
484192
56558A
656882
737A7A

Tritanopia

089999
2B8E8D
4E8381
717875
946D69

Achromatopsia

6B6B6B
686868
646464
616161
5D5D5D

Shades & Tints Shades & Tints

#009999

Dark
Light

#268099

Dark
Light

#4D6699

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #009999;
  --color-2: #268099;
  --color-3: #4d6699;
  --color-4: #734d99;
  --color-5: #993399;
}

SCSS

$color-1: #009999;
$color-2: #268099;
$color-3: #4d6699;
$color-4: #734d99;
$color-5: #993399;

TAILWIND

colors: {
  'brand-1': '#009999',
  'brand-2': '#268099',
  'brand-3': '#4d6699',
  'brand-4': '#734d99',
  'brand-5': '#993399',
}

RGB Array

[0, 153, 153], [38, 128, 153], [77, 102, 153], [115, 77, 153], [153, 51, 153]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #009999, #268099, #4D6699, #734D99, #993399 is ideal for: tech websites, dark mode UIs, game UIs. 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: #009999; --color-2: #268099; --color-3: #4d6699; --color-4: #734d99; --color-5: #993399. 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?

Dark tones work well as backgrounds; pair with light text for readability. Use the brightest color for CTA buttons and interactive elements. 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