← Back to Editor

#032227 · #043E40 · #4EC4B6 · #CDAA97 · #05060B

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

#032227

Lake Blue · Black · Peacock Green

HEX
#032227
RGB
rgb(3, 34, 39)
HSL
hsl(188, 86%, 8%)
HSB
hsb(188, 92%, 15%)
CMYK
cmyk(92%, 13%, 0%, 85%)
Oklch
oklch(23.2% 0.037 210.1)

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

#043E40

Lake Blue · DarkSlateGray · Peacock Green

HEX
#043E40
RGB
rgb(4, 62, 64)
HSL
hsl(182, 88%, 13%)
HSB
hsb(182, 94%, 25%)
CMYK
cmyk(94%, 3%, 0%, 75%)
Oklch
oklch(33.1% 0.054 198.6)

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

#4EC4B6

Mineral Blue · MediumTurquoise · Lake Green

HEX
#4EC4B6
RGB
rgb(78, 196, 182)
HSL
hsl(173, 50%, 54%)
HSB
hsb(173, 60%, 77%)
CMYK
cmyk(60%, 0%, 7%, 23%)
Oklch
oklch(75.0% 0.107 184.4)

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

#CDAA97

Apricot · Tan · Warm Sun

HEX
#CDAA97
RGB
rgb(205, 170, 151)
HSL
hsl(21, 35%, 70%)
HSB
hsb(21, 26%, 80%)
CMYK
cmyk(0%, 17%, 26%, 20%)
Oklch
oklch(76.4% 0.049 50.1)

Traditional「Apricot」· Paint「Warm Sun」· Creative Honey Glow

#05060B

Indigo · Black · Deep Sea Blue

HEX
#05060B
RGB
rgb(5, 6, 11)
HSL
hsl(230, 38%, 3%)
HSB
hsb(230, 55%, 4%)
CMYK
cmyk(55%, 45%, 0%, 96%)
Oklch
oklch(12.4% 0.013 273.4)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

032227
260803

Analogous

032619
032227
031026

Triadic

032227
260321
212603

Split-Comp.

032227
260310
261903

Tetradic

032227
190326
260803
102603

Contrast Matrix WCAG 2.1 Contrast

032227
043E40
4EC4B6
CDAA97
05060B
—
1.4
Fail
7.8
AAA
7.8
AAA
1.2
Fail
1.4
Fail
—
5.6
AA
5.5
AA
1.7
Fail
7.8
AAA
5.6
AA
—
1.0
Fail
9.5
AAA
7.8
AAA
5.5
AA
1.0
Fail
—
9.4
AAA
1.2
Fail
1.7
Fail
9.5
AAA
9.4
AAA
—
White BG
16.6AAA
11.9AAA
2.1Fail
2.1Fail
20.2AAA
Black BG
1.3Fail
1.8Fail
9.9AAA
9.8AAA
1.0Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

101126
1D1E40
8182B9
BEBE9C
05050A

Deuteranopia

0F0C26
1A153F
7A71BA
C0C39D
05050A

Tritanopia

052525
073F3F
54BCBD
CB9FA0
050909

Achromatopsia

191919
2D2D2D
9F9F9F
B2B2B2
060606

Shades & Tints Shades & Tints

#032227

Dark
Light

#043E40

Dark
Light

#4EC4B6

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #032227;
  --color-2: #043e40;
  --color-3: #4ec4b6;
  --color-4: #cdaa97;
  --color-5: #05060b;
}

SCSS

$color-1: #032227;
$color-2: #043e40;
$color-3: #4ec4b6;
$color-4: #cdaa97;
$color-5: #05060b;

TAILWIND

colors: {
  'brand-1': '#032227',
  'brand-2': '#043e40',
  'brand-3': '#4ec4b6',
  'brand-4': '#cdaa97',
  'brand-5': '#05060b',
}

RGB Array

[3, 34, 39], [4, 62, 64], [78, 196, 182], [205, 170, 151], [5, 6, 11]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #032227, #043E40, #4EC4B6, #CDAA97, #05060B 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: #032227; --color-2: #043e40; --color-3: #4ec4b6; --color-4: #cdaa97; --color-5: #05060b. 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