← Back to Editor

#26273B · #556B80 · #D0A000 · #D8D18D · #235053

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

#26273B

Indigo · DarkSlateGray · Deep Sea Blue

HEX
#26273B
RGB
rgb(38, 39, 59)
HSL
hsl(237, 22%, 19%)
HSB
hsb(237, 36%, 23%)
CMYK
cmyk(36%, 34%, 0%, 77%)
Oklch
oklch(28.1% 0.037 281.5)

Traditional「Indigo」· Paint「Deep Sea Blue」· Creative Blush Sunrise

#556B80

Slate Blue · DimGray · Navy Blue

HEX
#556B80
RGB
rgb(85, 107, 128)
HSL
hsl(209, 20%, 42%)
HSB
hsb(209, 34%, 50%)
CMYK
cmyk(34%, 16%, 0%, 50%)
Oklch
oklch(51.8% 0.042 247.4)

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

#D0A000

Ochre · GoldenRod · Honey Gold

HEX
#D0A000
RGB
rgb(208, 160, 0)
HSL
hsl(46, 100%, 41%)
HSB
hsb(46, 100%, 82%)
CMYK
cmyk(0%, 23%, 100%, 18%)
Oklch
oklch(73.0% 0.149 87.0)

Traditional「Ochre」· Paint「Honey Gold」· Creative Blush Sunrise

#D8D18D

Fresh Green · BurlyWood · Sunflower

HEX
#D8D18D
RGB
rgb(216, 209, 141)
HSL
hsl(54, 49%, 70%)
HSB
hsb(54, 35%, 85%)
CMYK
cmyk(0%, 3%, 35%, 15%)
Oklch
oklch(85.1% 0.088 103.1)

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

#235053

Slate Blue · DarkSlateGray · Peacock Green

HEX
#235053
RGB
rgb(35, 80, 83)
HSL
hsl(184, 41%, 23%)
HSB
hsb(184, 58%, 33%)
CMYK
cmyk(58%, 4%, 0%, 67%)
Oklch
oklch(40.1% 0.049 201.2)

Traditional「Slate Blue」· Paint「Peacock Green」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

26273B
3B3A26

Analogous

26323B
26273B
2F263B

Triadic

26273B
3B2627
273B26

Split-Comp.

26273B
3B2F26
323B26

Tetradic

26273B
3B2632
3B3A26
263B2F

Contrast Matrix WCAG 2.1 Contrast

26273B
556B80
D0A000
D8D18D
235053
—
2.6
Fail
6.1
AA
9.4
AAA
1.6
Fail
2.6
Fail
—
2.3
Fail
3.5
AA Large
1.6
Fail
6.1
AA
2.3
Fail
—
1.5
Fail
3.7
AA Large
9.4
AAA
3.5
AA Large
1.5
Fail
—
5.7
AA
1.6
Fail
1.6
Fail
3.7
AA Large
5.7
AA
—
White BG
14.6AAA
5.5AA
2.4Fail
1.6Fail
9.0AAA
Black BG
1.4Fail
3.8AA Large
8.7AAA
13.4AAA
2.3Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

262636
5F5F7B
BBBB27
D5D59D
363752

Deuteranopia

262635
5D5C7A
BEC230
D5D6A1
343152

Tritanopia

263232
567776
CE454C
D8AAAD
255252

Achromatopsia

292929
676767
9C9C9C
CBCBCB
434343

Shades & Tints Shades & Tints

#26273B

Dark
Light

#556B80

Dark
Light

#D0A000

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #26273b;
  --color-2: #556b80;
  --color-3: #d0a000;
  --color-4: #d8d18d;
  --color-5: #235053;
}

SCSS

$color-1: #26273b;
$color-2: #556b80;
$color-3: #d0a000;
$color-4: #d8d18d;
$color-5: #235053;

TAILWIND

colors: {
  'brand-1': '#26273b',
  'brand-2': '#556b80',
  'brand-3': '#d0a000',
  'brand-4': '#d8d18d',
  'brand-5': '#235053',
}

RGB Array

[38, 39, 59], [85, 107, 128], [208, 160, 0], [216, 209, 141], [35, 80, 83]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #26273B, #556B80, #D0A000, #D8D18D, #235053 is ideal for: tech websites, dark mode UIs, game UIs, 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: #26273b; --color-2: #556b80; --color-3: #d0a000; --color-4: #d8d18d; --color-5: #235053. 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. 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