← Back to Editor

#13DBCD · #A07D59 · #60B2A3 · #965E48

A 4-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 Library

Color Details Color Details

#13DBCD

Mineral Blue · DarkTurquoise · Mint Ice

HEX
#13DBCD
RGB
rgb(19, 219, 205)
HSL
hsl(176, 84%, 47%)
HSB
hsb(176, 91%, 86%)
CMYK
cmyk(91%, 0%, 6%, 14%)
Oklch
oklch(80.3% 0.139 186.6)

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

#A07D59

Ochre · Gray · Amber Brown

HEX
#A07D59
RGB
rgb(160, 125, 89)
HSL
hsl(30, 29%, 49%)
HSB
hsb(30, 44%, 63%)
CMYK
cmyk(0%, 22%, 44%, 37%)
Oklch
oklch(61.5% 0.067 66.9)

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

#60B2A3

Mineral Blue · CadetBlue · Lake Green

HEX
#60B2A3
RGB
rgb(96, 178, 163)
HSL
hsl(169, 35%, 54%)
HSB
hsb(169, 46%, 70%)
CMYK
cmyk(46%, 0%, 8%, 30%)
Oklch
oklch(70.7% 0.084 180.5)

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

#965E48

Tangerine · Sienna · Amber Brown

HEX
#965E48
RGB
rgb(150, 94, 72)
HSL
hsl(17, 35%, 44%)
HSB
hsb(17, 52%, 59%)
CMYK
cmyk(0%, 37%, 52%, 41%)
Oklch
oklch(53.8% 0.081 42.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

13DBCD
DD1321

Analogous

13DD6A
13DBCD
1385DD

Triadic

13DBCD
CF13DD
DDCF13

Split-Comp.

13DBCD
DD1385
DD6A13

Tetradic

13DBCD
6A13DD
DD1321
85DD13

Contrast Matrix WCAG 2.1 Contrast

13DBCD
A07D59
60B2A3
965E48
—
2.2
Fail
1.4
Fail
3.0
AA Large
2.2
Fail
—
1.5
Fail
1.4
Fail
1.4
Fail
1.5
Fail
—
2.1
Fail
3.0
AA Large
1.4
Fail
2.1
Fail
—
White BG
1.7Fail
3.8AA Large
2.5Fail
5.3AA
Black BG
12.0AAA
5.6AA
8.4AAA
4.0AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

6A6BD0
919162
8484A7
7E7D4D

Deuteranopia

5E4FD1
939664
7F79A8
81854F

Tritanopia

1DD3D4
9E696A
64A9AA
935252

Achromatopsia

9E9E9E
838383
989898
6C6C6C

Shades & Tints Shades & Tints

#13DBCD

Dark
Light

#A07D59

Dark
Light

#60B2A3

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #13dbcd;
  --color-2: #a07d59;
  --color-3: #60b2a3;
  --color-4: #965e48;
}

SCSS

$color-1: #13dbcd;
$color-2: #a07d59;
$color-3: #60b2a3;
$color-4: #965e48;

TAILWIND

colors: {
  'brand-1': '#13dbcd',
  'brand-2': '#a07d59',
  'brand-3': '#60b2a3',
  'brand-4': '#965e48',
}

RGB Array

[19, 219, 205], [160, 125, 89], [96, 178, 163], [150, 94, 72]

FAQ FAQ

What scenarios is this 4-color palette suitable for?

This general-style palette of #13DBCD, #A07D59, #60B2A3, #965E48 is ideal for: corporate websites, product showcases, portfolios. It is a balanced and harmonious choice among 4-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #13dbcd; --color-2: #a07d59; --color-3: #60b2a3; --color-4: #965e48. 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 4-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