← Back to Editor

#060500 · #3E9D99 · #A237BC · #CCCCCC

space

A 4-color space 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

#060500

Autumn Sage · Black · Amber Gold

HEX
#060500
RGB
rgb(6, 5, 0)
HSL
hsl(50, 100%, 1%)
HSB
hsb(50, 100%, 2%)
CMYK
cmyk(0%, 17%, 100%, 98%)
Oklch
oklch(11.3% 0.024 103.4)

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

#3E9D99

Mineral Blue · CadetBlue · Mint Ice

HEX
#3E9D99
RGB
rgb(62, 157, 153)
HSL
hsl(177, 43%, 43%)
HSB
hsb(177, 61%, 62%)
CMYK
cmyk(61%, 0%, 3%, 38%)
Oklch
oklch(63.9% 0.089 191.3)

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

#A237BC

Royal Purple · DarkOrchid · Violet

HEX
#A237BC
RGB
rgb(162, 55, 188)
HSL
hsl(288, 55%, 48%)
HSB
hsb(288, 71%, 74%)
CMYK
cmyk(14%, 71%, 0%, 26%)
Oklch
oklch(54.7% 0.211 319.0)

Traditional「Royal Purple」· Paint「Violet」· Creative Blush Sunrise

#CCCCCC

Silver Gray · LightGray · Pearl Gray

HEX
#CCCCCC
RGB
rgb(204, 204, 204)
HSL
hsl(0, 0%, 80%)
HSB
hsb(0, 0%, 80%)
CMYK
cmyk(0%, 0%, 0%, 20%)
Oklch
oklch(84.5% 0.000 89.9)

Traditional「Silver Gray」· Paint「Pearl Gray」· Creative Silver Lining

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

060500
000105

Analogous

050200
060500
030500

Triadic

060500
000504
040005

Split-Comp.

060500
000305
020005

Tetradic

060500
000502
000105
050003

Contrast Matrix WCAG 2.1 Contrast

060500
3E9D99
A237BC
CCCCCC
—
6.3
AA
3.7
AA Large
12.7
AAA
6.3
AA
—
1.7
Fail
2.0
Fail
3.7
AA Large
1.7
Fail
—
3.4
AA Large
12.7
AAA
2.0
Fail
3.4
AA Large
—
White BG
20.4AAA
3.2AA Large
5.5AA
1.6Fail
Black BG
1.0Fail
6.5AA
3.8AA Large
13.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

060601
67689A
74739C
CCCCCC

Deuteranopia

060602
625B9A
7A8294
CCCCCC

Tritanopia

060202
439B9B
9D827D
CCCCCC

Achromatopsia

050505
808080
666666
CCCCCC

Shades & Tints Shades & Tints

#060500

Dark
Light

#3E9D99

Dark
Light

#A237BC

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #060500;
  --color-2: #3e9d99;
  --color-3: #a237bc;
  --color-4: #cccccc;
}

SCSS

$color-1: #060500;
$color-2: #3e9d99;
$color-3: #a237bc;
$color-4: #cccccc;

TAILWIND

colors: {
  'brand-1': '#060500',
  'brand-2': '#3e9d99',
  'brand-3': '#a237bc',
  'brand-4': '#cccccc',
}

RGB Array

[6, 5, 0], [62, 157, 153], [162, 55, 188], [204, 204, 204]

FAQ FAQ

What scenarios is this 4-color palette suitable for?

This space-style palette of #060500, #3E9D99, #A237BC, #CCCCCC is ideal for: infographics, data visualization, accessible design. High contrast ensures clear visual hierarchy and readability. It is a balanced and harmonious choice among 4-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #060500; --color-2: #3e9d99; --color-3: #a237bc; --color-4: #cccccc. 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 space-style 4-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