← Back to Editor

#483030 · #486048 · #486060 · #607878 · #90A8A8

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

ProfoundPremiumWarmCool

Industry INDUSTRY

FinanceLuxury

UI Context UI CONTEXT

Dark ThemeCorporate

Color Details Color Details

#483030

Crimson · DarkSlateGray · Wine Red

HEX
#483030
RGB
rgb(72, 48, 48)
HSL
hsl(0, 20%, 24%)
HSB
hsb(0, 33%, 28%)
CMYK
cmyk(0%, 33%, 33%, 72%)
Oklch
oklch(33.8% 0.035 19.1)

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

#486048

Celadon · DarkOliveGreen · Forest Green

HEX
#486048
RGB
rgb(72, 96, 72)
HSL
hsl(120, 14%, 33%)
HSB
hsb(120, 25%, 38%)
CMYK
cmyk(25%, 0%, 25%, 62%)
Oklch
oklch(46.2% 0.048 144.7)

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

#486060

Slate Blue · DarkSlateGray · Mint Ice

HEX
#486060
RGB
rgb(72, 96, 96)
HSL
hsl(180, 14%, 33%)
HSB
hsb(180, 25%, 38%)
CMYK
cmyk(25%, 0%, 0%, 62%)
Oklch
oklch(47.0% 0.029 196.2)

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

#607878

Slate Blue · DimGray · Mint Ice

HEX
#607878
RGB
rgb(96, 120, 120)
HSL
hsl(180, 11%, 42%)
HSB
hsb(180, 20%, 47%)
CMYK
cmyk(20%, 0%, 0%, 53%)
Oklch
oklch(55.4% 0.028 196.4)

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

#90A8A8

Sky Blue · DarkGray · Lake Green

HEX
#90A8A8
RGB
rgb(144, 168, 168)
HSL
hsl(180, 12%, 61%)
HSB
hsb(180, 14%, 66%)
CMYK
cmyk(14%, 0%, 0%, 34%)
Oklch
oklch(71.3% 0.027 196.6)

Traditional「Sky Blue」· Paint「Lake Green」· Creative Arctic Pool

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

483030
314949

Analogous

49313D
483030
493D31

Triadic

483030
314931
313149

Split-Comp.

483030
31493D
313D49

Tetradic

483030
3D4931
314949
3D3149

Contrast Matrix WCAG 2.1 Contrast

483030
486048
486060
607878
90A8A8
—
1.7
Fail
1.8
Fail
2.6
Fail
4.8
AA
1.7
Fail
—
1.0
Fail
1.5
Fail
2.7
Fail
1.8
Fail
1.0
Fail
—
1.4
Fail
2.7
Fail
2.6
Fail
1.5
Fail
1.4
Fail
—
1.9
Fail
4.8
AA
2.7
Fail
2.7
Fail
1.9
Fail
—
White BG
12.1AAA
6.9AA
6.7AA
4.7AA
2.5Fail
Black BG
1.7Fail
3.0AA Large
3.1AA Large
4.5AA Large
8.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

3E3D30
52534E
525360
6A6B78
9A9BA8

Deuteranopia

3F4130
514F4F
514F60
696778
9997A8

Tritanopia

473030
495253
496060
617878
91A8A8

Achromatopsia

373737
565656
595959
717171
A1A1A1

Shades & Tints Shades & Tints

#483030

Dark
Light

#486048

Dark
Light

#486060

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #483030;
  --color-2: #486048;
  --color-3: #486060;
  --color-4: #607878;
  --color-5: #90a8a8;
}

SCSS

$color-1: #483030;
$color-2: #486048;
$color-3: #486060;
$color-4: #607878;
$color-5: #90a8a8;

TAILWIND

colors: {
  'brand-1': '#483030',
  'brand-2': '#486048',
  'brand-3': '#486060',
  'brand-4': '#607878',
  'brand-5': '#90a8a8',
}

RGB Array

[72, 48, 48], [72, 96, 72], [72, 96, 96], [96, 120, 120], [144, 168, 168]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #483030, #486048, #486060, #607878, #90A8A8 is ideal for: brand design, premium product pages, magazine layouts, tech websites, dark mode UIs, game UIs. Low-saturation colors convey a sophisticated, premium feel. It is a classic and elegant choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #483030; --color-2: #486048; --color-3: #486060; --color-4: #607878; --color-5: #90a8a8. 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 finance, legal, luxury industries. Restrained colors convey professionalism and trust. 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