← Back to Editor

#69483C · #D6927C · #F0CAB4 · #79A5A0 · #275C66

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

#69483C

Tangerine · DarkOliveGreen · Amber Brown

HEX
#69483C
RGB
rgb(105, 72, 60)
HSL
hsl(16, 27%, 32%)
HSB
hsb(16, 43%, 41%)
CMYK
cmyk(0%, 31%, 43%, 59%)
Oklch
oklch(43.5% 0.050 40.8)

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

#D6927C

Apricot · DarkSalmon · Warm Sun

HEX
#D6927C
RGB
rgb(214, 146, 124)
HSL
hsl(15, 52%, 66%)
HSB
hsb(15, 42%, 84%)
CMYK
cmyk(0%, 32%, 42%, 16%)
Oklch
oklch(72.2% 0.089 38.7)

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

#F0CAB4

Apricot · Wheat · Peach Orange

HEX
#F0CAB4
RGB
rgb(240, 202, 180)
HSL
hsl(22, 67%, 82%)
HSB
hsb(22, 25%, 94%)
CMYK
cmyk(0%, 16%, 25%, 6%)
Oklch
oklch(86.6% 0.052 51.8)

Traditional「Apricot」· Paint「Peach Orange」· Creative Honey Glow

#79A5A0

Mineral Blue · CadetBlue · Lake Green

HEX
#79A5A0
RGB
rgb(121, 165, 160)
HSL
hsl(173, 20%, 56%)
HSB
hsb(173, 27%, 65%)
CMYK
cmyk(27%, 0%, 3%, 35%)
Oklch
oklch(68.9% 0.048 187.4)

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

#275C66

Slate Blue · DarkSlateGray · Mint Ice

HEX
#275C66
RGB
rgb(39, 92, 102)
HSL
hsl(190, 45%, 28%)
HSB
hsb(190, 62%, 40%)
CMYK
cmyk(62%, 10%, 0%, 60%)
Oklch
oklch(44.3% 0.058 211.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

69483C
3C5C68

Analogous

683C46
69483C
685D3C

Triadic

69483C
3C6847
473C68

Split-Comp.

69483C
3C685D
3C4668

Tetradic

69483C
46683C
3C5C68
5D3C68

Contrast Matrix WCAG 2.1 Contrast

69483C
D6927C
F0CAB4
79A5A0
275C66
—
3.2
AA Large
5.3
AA
3.0
Fail
1.1
Fail
3.2
AA Large
—
1.7
Fail
1.1
Fail
2.9
Fail
5.3
AA
1.7
Fail
—
1.8
Fail
4.9
AA
3.0
Fail
1.1
Fail
1.8
Fail
—
2.7
Fail
1.1
Fail
2.9
Fail
4.9
AA
2.7
Fail
—
White BG
8.1AAA
2.5Fail
1.5Fail
2.7Fail
7.5AAA
Black BG
2.6Fail
8.3AAA
13.8AAA
7.7AAA
2.8Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

5B5A3F
B9B881
E0DFB9
8C8CA1
3E3E64

Deuteranopia

5D5F40
BDC283
E2E5BB
8A86A2
3B3763

Tritanopia

674142
D38686
EEBEBE
7BA2A2
2A6261

Achromatopsia

505050
A4A4A4
D3D3D3
979797
4D4D4D

Shades & Tints Shades & Tints

#69483C

Dark
Light

#D6927C

Dark
Light

#F0CAB4

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #69483c;
  --color-2: #d6927c;
  --color-3: #f0cab4;
  --color-4: #79a5a0;
  --color-5: #275c66;
}

SCSS

$color-1: #69483c;
$color-2: #d6927c;
$color-3: #f0cab4;
$color-4: #79a5a0;
$color-5: #275c66;

TAILWIND

colors: {
  'brand-1': '#69483c',
  'brand-2': '#d6927c',
  'brand-3': '#f0cab4',
  'brand-4': '#79a5a0',
  'brand-5': '#275c66',
}

RGB Array

[105, 72, 60], [214, 146, 124], [240, 202, 180], [121, 165, 160], [39, 92, 102]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #69483C, #D6927C, #F0CAB4, #79A5A0, #275C66 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: #69483c; --color-2: #d6927c; --color-3: #f0cab4; --color-4: #79a5a0; --color-5: #275c66. 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