#006B51 + #145244 + #263330 + #332626 + #0D0707 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#006B51

Mineral Blue · Teal · Peacock Green

HEX

#006B51

RGB

rgb(0, 107, 81)

HSL

hsl(165, 100%, 21%)

HSB

hsb(165, 100%, 42%)

CMYK

cmyk(100%, 0%, 24%, 58%)

Oklch

oklch(46.9% 0.094 168.7)

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

#145244

Mineral Blue · DarkSlateGray · Peacock Green

HEX

#145244

RGB

rgb(20, 82, 68)

HSL

hsl(166, 61%, 20%)

HSB

hsb(166, 76%, 32%)

CMYK

cmyk(76%, 0%, 17%, 68%)

Oklch

oklch(39.6% 0.066 174.3)

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

#263330

Mineral Blue · DarkSlateGray · Peacock Green

HEX

#263330

RGB

rgb(38, 51, 48)

HSL

hsl(166, 15%, 17%)

HSB

hsb(166, 25%, 20%)

CMYK

cmyk(25%, 0%, 6%, 80%)

Oklch

oklch(30.8% 0.018 179.3)

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

#332626

Crimson · DarkSlateGray · Deep Berry

HEX

#332626

RGB

rgb(51, 38, 38)

HSL

hsl(0, 15%, 17%)

HSB

hsb(0, 25%, 20%)

CMYK

cmyk(0%, 25%, 25%, 80%)

Oklch

oklch(28.4% 0.020 18.4)

Traditional「Crimson」· Paint「Deep Berry」· Creative Blush Sunrise

#0D0707

Crimson · Black · Deep Berry

HEX

#0D0707

RGB

rgb(13, 7, 7)

HSL

hsl(0, 30%, 4%)

HSB

hsb(0, 46%, 5%)

CMYK

cmyk(0%, 46%, 46%, 95%)

Oklch

oklch(13.8% 0.012 18.7)

Traditional「Crimson」· Paint「Deep Berry」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

006B51

6B001B

Analogous

006B1B

006B51

00506B

Triadic

006B51

50006B

6B5000

Split-Comp.

006B51

6B0050

6B1B00

Tetradic

006B51

1B006B

6B001B

506B00

Contrast Matrix WCAG 2.1 Contrast

006B51	145244	263330	332626	0D0707
—	1.4 Fail	2.0 Fail	2.2 Fail	3.1 AA Large
1.4 Fail	—	1.5 Fail	1.6 Fail	2.2 Fail
2.0 Fail	1.5 Fail	—	1.1 Fail	1.5 Fail
2.2 Fail	1.6 Fail	1.1 Fail	—	1.4 Fail
3.1 AA Large	2.2 Fail	1.5 Fail	1.4 Fail	—

White BG

6.5AA

9.1AAA

13.1AAA

14.5AAA

20.0AAA

Black BG

3.2AA Large

2.3Fail

1.6Fail

1.4Fail

1.1Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

2E2F57

2F2F47

2C2C31

2D2D26

0A0A07

Deuteranopia

282059

2B2748

2B2A31

2E2F26

0B0B07

Tritanopia

055C5D

174A4B

273131

322626

0D0707

Achromatopsia

484848

3E3E3E

2F2F2F

2A2A2A

090909

Shades & Tints Shades & Tints

#006B51

Dark

Light

#145244

Dark

Light

#263330

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #006b51;
  --color-2: #145244;
  --color-3: #263330;
  --color-4: #332626;
  --color-5: #0d0707;
}

SCSS

$color-1: #006b51;
$color-2: #145244;
$color-3: #263330;
$color-4: #332626;
$color-5: #0d0707;

TAILWIND

colors: {
  'brand-1': '#006b51',
  'brand-2': '#145244',
  'brand-3': '#263330',
  'brand-4': '#332626',
  'brand-5': '#0d0707',
}

RGB Array

[0, 107, 81], [20, 82, 68], [38, 51, 48], [51, 38, 38], [13, 7, 7]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #006B51, #145244, #263330, #332626, #0D0707 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: #006b51; --color-2: #145244; --color-3: #263330; --color-4: #332626; --color-5: #0d0707. 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