← Back to Editor

#06FFFA · #51696C · #181B04 · #F3B16E · #3E4D53

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

#06FFFA

Mineral Blue · Cyan · Lake Green

HEX
#06FFFA
RGB
rgb(6, 255, 250)
HSL
hsl(179, 100%, 51%)
HSB
hsb(179, 98%, 100%)
CMYK
cmyk(98%, 0%, 2%, 0%)
Oklch
oklch(90.4% 0.155 192.2)

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

#51696C

Slate Blue · DimGray · Mint Ice

HEX
#51696C
RGB
rgb(81, 105, 108)
HSL
hsl(187, 14%, 37%)
HSB
hsb(187, 25%, 42%)
CMYK
cmyk(25%, 3%, 0%, 58%)
Oklch
oklch(50.3% 0.029 205.7)

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

#181B04

Autumn Sage · Black · Amber Gold

HEX
#181B04
RGB
rgb(24, 27, 4)
HSL
hsl(68, 74%, 6%)
HSB
hsb(68, 85%, 11%)
CMYK
cmyk(11%, 0%, 85%, 89%)
Oklch
oklch(21.2% 0.040 115.9)

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

#F3B16E

Ginger · SandyBrown · Warm Sun

HEX
#F3B16E
RGB
rgb(243, 177, 110)
HSL
hsl(30, 85%, 69%)
HSB
hsb(30, 55%, 95%)
CMYK
cmyk(0%, 27%, 55%, 5%)
Oklch
oklch(80.8% 0.114 65.4)

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

#3E4D53

Slate Blue · DarkSlateGray · Mint Ice

HEX
#3E4D53
RGB
rgb(62, 77, 83)
HSL
hsl(197, 14%, 28%)
HSB
hsb(197, 25%, 33%)
CMYK
cmyk(25%, 7%, 0%, 67%)
Oklch
oklch(41.0% 0.021 224.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

06FFFA
FF0509

Analogous

05FF7E
06FFFA
0586FF

Triadic

06FFFA
FB05FF
FFFB05

Split-Comp.

06FFFA
FF0586
FF7E05

Tetradic

06FFFA
7E05FF
FF0509
86FF05

Contrast Matrix WCAG 2.1 Contrast

06FFFA
51696C
181B04
F3B16E
3E4D53
—
4.7
AA
13.9
AAA
1.5
Fail
7.0
AA
4.7
AA
—
3.0
Fail
3.2
AA Large
1.5
Fail
13.9
AAA
3.0
Fail
—
9.5
AAA
2.0
Fail
1.5
Fail
3.2
AA Large
9.5
AAA
—
4.7
AA
7.0
AA
1.5
Fail
2.0
Fail
4.7
AA
—
White BG
1.3Fail
5.9AA
17.5AAA
1.9Fail
8.8AAA
Black BG
16.7AAA
3.6AA Large
1.2Fail
11.3AAA
2.4Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

7274FB
5B5C6B
19190A
D6D67E
444552

Deuteranopia

6351FC
5A586B
19190B
DADF82
444351

Tritanopia

12FCFC
526B6B
180E0F
F08B8E
3F5050

Achromatopsia

B4B4B4
626262
171717
BDBDBD
494949

Shades & Tints Shades & Tints

#06FFFA

Dark
Light

#51696C

Dark
Light

#181B04

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #06fffa;
  --color-2: #51696c;
  --color-3: #181b04;
  --color-4: #f3b16e;
  --color-5: #3e4d53;
}

SCSS

$color-1: #06fffa;
$color-2: #51696c;
$color-3: #181b04;
$color-4: #f3b16e;
$color-5: #3e4d53;

TAILWIND

colors: {
  'brand-1': '#06fffa',
  'brand-2': '#51696c',
  'brand-3': '#181b04',
  'brand-4': '#f3b16e',
  'brand-5': '#3e4d53',
}

RGB Array

[6, 255, 250], [81, 105, 108], [24, 27, 4], [243, 177, 110], [62, 77, 83]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #06FFFA, #51696C, #181B04, #F3B16E, #3E4D53 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: #06fffa; --color-2: #51696c; --color-3: #181b04; --color-4: #f3b16e; --color-5: #3e4d53. 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