← Back to Editor

#0E7679 · #5D9E90 · #C1BA85 · #594313 · #D45F10

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

#0E7679

Lake Blue · Teal · Mint Ice

HEX
#0E7679
RGB
rgb(14, 118, 121)
HSL
hsl(182, 79%, 26%)
HSB
hsb(182, 88%, 47%)
CMYK
cmyk(88%, 2%, 0%, 53%)
Oklch
oklch(51.5% 0.085 198.1)

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

#5D9E90

Mineral Blue · CadetBlue · Mint Ice

HEX
#5D9E90
RGB
rgb(93, 158, 144)
HSL
hsl(167, 26%, 49%)
HSB
hsb(167, 41%, 62%)
CMYK
cmyk(41%, 0%, 9%, 38%)
Oklch
oklch(65.1% 0.070 178.6)

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

#C1BA85

Fresh Green · Tan · Sunflower

HEX
#C1BA85
RGB
rgb(193, 186, 133)
HSL
hsl(53, 33%, 64%)
HSB
hsb(53, 31%, 76%)
CMYK
cmyk(0%, 4%, 31%, 24%)
Oklch
oklch(78.2% 0.071 101.5)

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

#594313

Ochre · DarkOliveGreen · Amber Gold

HEX
#594313
RGB
rgb(89, 67, 19)
HSL
hsl(41, 65%, 21%)
HSB
hsb(41, 79%, 35%)
CMYK
cmyk(0%, 25%, 79%, 65%)
Oklch
oklch(39.7% 0.070 83.2)

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

#D45F10

Tangerine · Chocolate · Amber Brown

HEX
#D45F10
RGB
rgb(212, 95, 16)
HSL
hsl(24, 86%, 45%)
HSB
hsb(24, 92%, 83%)
CMYK
cmyk(0%, 55%, 92%, 17%)
Oklch
oklch(62.2% 0.167 46.9)

Traditional「Tangerine」· Paint「Amber Brown」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

0E7679
77110E

Analogous

0E7746
0E7679
0E3F77

Triadic

0E7679
770E73
73770E

Split-Comp.

0E7679
770E3F
77460E

Tetradic

0E7679
460E77
77110E
3F770E

Contrast Matrix WCAG 2.1 Contrast

0E7679
5D9E90
C1BA85
594313
D45F10
—
1.7
Fail
2.7
Fail
1.7
Fail
1.4
Fail
1.7
Fail
—
1.6
Fail
3.0
AA Large
1.2
Fail
2.7
Fail
1.6
Fail
—
4.8
AA
2.0
Fail
1.7
Fail
3.0
AA Large
4.8
AA
—
2.4
Fail
1.4
Fail
1.2
Fail
2.0
Fail
2.4
Fail
—
White BG
5.4AA
3.1AA Large
2.0Fail
9.4AAA
3.9AA Large
Black BG
3.9AA Large
6.8AA
10.6AAA
2.2Fail
5.4AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

3B3C78
797A93
BEBE92
4F4F1F
A1A023

Deuteranopia

352D78
757194
BEBF95
515221
A8B128

Tritanopia

137878
609697
C19C9E
58282A
CE3236

Achromatopsia

575757
898989
B6B6B6
444444
797979

Shades & Tints Shades & Tints

#0E7679

Dark
Light

#5D9E90

Dark
Light

#C1BA85

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #0e7679;
  --color-2: #5d9e90;
  --color-3: #c1ba85;
  --color-4: #594313;
  --color-5: #d45f10;
}

SCSS

$color-1: #0e7679;
$color-2: #5d9e90;
$color-3: #c1ba85;
$color-4: #594313;
$color-5: #d45f10;

TAILWIND

colors: {
  'brand-1': '#0e7679',
  'brand-2': '#5d9e90',
  'brand-3': '#c1ba85',
  'brand-4': '#594313',
  'brand-5': '#d45f10',
}

RGB Array

[14, 118, 121], [93, 158, 144], [193, 186, 133], [89, 67, 19], [212, 95, 16]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #0E7679, #5D9E90, #C1BA85, #594313, #D45F10 is ideal for: 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: #0e7679; --color-2: #5d9e90; --color-3: #c1ba85; --color-4: #594313; --color-5: #d45f10. 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. 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