#06918F + #709191 + #919070 + #9E9B67 + #ADA500 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#06918F

Mineral Blue · Teal · Mint Ice

HEX

#06918F

RGB

rgb(6, 145, 143)

HSL

hsl(179, 92%, 30%)

HSB

hsb(179, 96%, 57%)

CMYK

cmyk(96%, 0%, 1%, 43%)

Oklch

oklch(59.4% 0.101 193.1)

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

#709191

Slate Blue · LightSlateGray · Mint Ice

HEX

#709191

RGB

rgb(112, 145, 145)

HSL

hsl(180, 13%, 50%)

HSB

hsb(180, 23%, 57%)

CMYK

cmyk(23%, 0%, 0%, 43%)

Oklch

oklch(63.2% 0.037 196.3)

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

#919070

Autumn Sage · Gray · Honey Gold

HEX

#919070

RGB

rgb(145, 144, 112)

HSL

hsl(58, 13%, 50%)

HSB

hsb(58, 23%, 57%)

CMYK

cmyk(0%, 1%, 23%, 43%)

Oklch

oklch(64.6% 0.046 106.1)

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

#9E9B67

Autumn Sage · Gray · Sunflower

HEX

#9E9B67

RGB

rgb(158, 155, 103)

HSL

hsl(57, 22%, 51%)

HSB

hsb(57, 35%, 62%)

CMYK

cmyk(0%, 2%, 35%, 38%)

Oklch

oklch(67.9% 0.071 105.3)

Traditional「Autumn Sage」· Paint「Sunflower」· Creative Blush Sunrise

#ADA500

Autumn Sage · DarkGoldenRod · Honey Gold

HEX

#ADA500

RGB

rgb(173, 165, 0)

HSL

hsl(57, 100%, 34%)

HSB

hsb(57, 100%, 68%)

CMYK

cmyk(0%, 5%, 100%, 32%)

Oklch

oklch(70.6% 0.151 106.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

06918F

930608

Analogous

06934A

06918F

064F93

Triadic

06918F

910693

939106

Split-Comp.

06918F

93064F

934A06

Tetradic

06918F

4A0693

930608

4F9306

Contrast Matrix WCAG 2.1 Contrast

06918F	709191	919070	9E9B67	ADA500
—	1.1 Fail	1.2 Fail	1.3 Fail	1.5 Fail
1.1 Fail	—	1.0 Fail	1.2 Fail	1.3 Fail
1.2 Fail	1.0 Fail	—	1.1 Fail	1.3 Fail
1.3 Fail	1.2 Fail	1.1 Fail	—	1.1 Fail
1.5 Fail	1.3 Fail	1.3 Fail	1.1 Fail	—

White BG

3.9AA Large

3.4AA Large

3.3AA Large

2.9Fail

2.6Fail

Black BG

5.5AA

6.1AA

6.4AA

7.3AAA

8.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

42438F

7E7F91

919178

9D9D74

AAA928

Deuteranopia

3A3090

7C7A91

91917A

9D9D77

AAAB32

Tritanopia

0D9090

729191

917E7F

9E7E80

AD474E

Achromatopsia

676767

878787

8D8D8D

969696

959595

Shades & Tints Shades & Tints

#06918F

Dark

Light

#709191

Dark

Light

#919070

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #06918f;
  --color-2: #709191;
  --color-3: #919070;
  --color-4: #9e9b67;
  --color-5: #ada500;
}

SCSS

$color-1: #06918f;
$color-2: #709191;
$color-3: #919070;
$color-4: #9e9b67;
$color-5: #ada500;

TAILWIND

colors: {
  'brand-1': '#06918f',
  'brand-2': '#709191',
  'brand-3': '#919070',
  'brand-4': '#9e9b67',
  'brand-5': '#ada500',
}

RGB Array

[6, 145, 143], [112, 145, 145], [145, 144, 112], [158, 155, 103], [173, 165, 0]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #06918F, #709191, #919070, #9E9B67, #ADA500 is ideal for: corporate websites, product showcases, portfolios. 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: #06918f; --color-2: #709191; --color-3: #919070; --color-4: #9e9b67; --color-5: #ada500. 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?

Medium-brightness colors suit brand primary and accent colors. Use the darkest for text, lightest for backgrounds, and mid-tones for emphasis. 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